Activate or Reactivate a snippet

PHOTO

Tue Feb 07 2023 03:35:05 GMT+0000 (Coordinated Universal Time)

window["optimizely"].push(activate);

COPY

https://docs.developers.optimizely.com/web/docs/activate

Save snippets that work from anywhere online with our extensions

Comments

Optimizely - Query Parameters/ Console Snippets

@markporo

Forces Optimizely Variation Forces Tracking in Optimizely Force a draft or paused experiment to display Force bucket into a specific Audience Create a JS Log in Browser Console Turn off Optimizely window.optimizely Activate or Reactivate a snippet Get Optimizely Information about experiment Optimizely Log All/ info Gives you Optimizely info in console Get Visitor ID - Optimizely Print all active experiment and variation IDs, with pretty formatting: Get optimizely info for visitor get's all active experiments on a page Verify what experiments are currently running on the current page. See what audience conditions are passing or not ?optimizely_log=all force tracking true -- forces test to collect data

#draft #optimizely #force #public

Force a draft or paused experiment to display

?optimizely_x=VARIATIONID&optimizely_token=PUBLIC

#optimizely #force

Force bucket into a specific Audience

?optimizely_x_audiences=AUDIENCESID

#optimizely #log

Create a JS Log in Browser Console

?optimizely_log=true

#optimizely #log

Turn off Optimizely

?optimizely_disable=true

#optimizely

window.optimizely

window.optimizely

#optimizely

Activate or Reactivate a snippet

window["optimizely"].push(activate);

#optimizely

Get Optimizely Information about experiment

// Get the state of Optimizely campaigns and experiments
window["optimizely"].get("state");

#optimizely #data

Gives you Optimizely info in console

optimizely.get('data')

#optimizely #visitor #id

Get Visitor ID - Optimizely

optimizely.get('visitor').visitorId

#optimizely #id #experiments

Print all active experiment and variation IDs, with pretty formatting:

console.table(optimizely.get('state').getVariationMap() );

#visitor #data #info #optimizely

Get optimizely info for visitor

window.optimizely.get('visitor')

// example of getting specific pjs segment (from tb440)
window.optimizely.get('visitor').custom['22521880007']

#visitor #data #info #optimizely

mutation observer example --put inside function to be called later

const waitForSiblingElementToBeRemoved = (form) => {
    // This Element are where any errors would appear
    const input = form.querySelector(`input[type='submit']`);

    // This observer looks for the sibling of the input submit button that appears 
    // and then removes when the request is complete
    new MutationObserver((entries, observer) => {
      log('entries[0].removeNodes: ', entries[0].removedNodes);
      if (!entries[0].removedNodes[0]?.classList.contains('ajax-progress')) return; 
      observer.disconnect(); // should this be moved after sendEvent 
      window.setTimeout(() => {
        if (input.classList.contains('error')) return; 
        log('Email has been submitted');
        sendEvent('pjs_email_submitted');
      }, 0);
    }).observe(input.parentElement, { childList: true, subtree: true }); // should be actually have two separate observers for each input?
  };

#optimizely #all #log

?optimizely_log=all

?optimizely_log=all

#optimizely #force #tracking #true

force tracking true -- forces test to collect data

&optimizely_force_tracking=true

#optimizely #mutation #observer

Mutation Observer example

    const slickTrack = document.querySelector(`.slick-track`);
    new MutationObserver((entries) => {
      entries.forEach((mutationRecord) => {
        if (photosSwipedOrButtonsCLicked) return;
        log('style has transition: ', mutationRecord.target.getAttribute('style').includes('transition'));
        if (mutationRecord.target.getAttribute('style').includes('transition')) {
          sendEvent(100322757);
          photosSwipedOrButtonsCLicked = true;
        } else {
          log('targeted mutation does not include transition style');
        }
      });
    }).observe(slickTrack, {
      attributes: true,
    });

Activate or Reactivate a snippet

Save snippets that work from anywhere online with our extensions

Comments

More like this

Optimizely - Query Parameters/ Console Snippets

Browse more snippets >>

Activate or Reactivate a snippet

Save snippets that work from anywhere online with our extensions

Comments

More like this

Optimizely - Query Parameters/ Console Snippets

Browse more snippets >>

Embed code snippet