How to Create Snapshots for your Optimizely Experiments

The Optimizely Integration allows you to easily create Snapshots reports for A/B tests, which are created via Optimizely.

Before Starting

  • You’ll need an active Crazy Egg account.
  • You’ll need an Optimizely Web project with at least one experiment set up.
  • The force variation parameter needs to be enabled. It can be enabled by going to the Settings tab in Optimizely, then ensuring the “Disable force variation parameter” box is unchecked.

Setting up Optimizely

Click on Settings in the left navigation bar, and then Integrations.

Click on the blue button titled “Create New Analytics Integration.”

In the dropdown menu, select “Using JSON.”

Copy and paste the following code (shown below) into the JSON Code window in Optimizely and click “Create Integration.”

{
"plugin_type": "analytics_integration",
"name": "Crazy Egg",
"form_schema": [
{
"default_value": "off",
"field_type": "dropdown",
"name": "heatmaps",
"label": "Heatmaps",
"options": {
"choices": [
{
"value": "off",
"label": "Off"
},
{
"value": "on",
"label": "On"
}
]
}
}
],
"description": "This integration allows you to see heatmaps with Optimizely data.",
"options": {
"track_layer_decision": "if(extension.heatmaps === \"on\") {if(!isHoldback) {window.CE_SNAPSHOT_NAME = '' + variationId;}}"
}
}

Select “Crazy Egg” in the integration list and enable the integration.

Select “Experiments” in the left navigation bar, and then click on the experiment’s Name.

Click on “Integrations” in the submenu, and make sure the Crazy Egg Heatmaps field is On.

Next, you will need to find your experiment’s variation IDs. Click on “API Names” in the submenu.

Find the variation IDs for the control and any variants.   You will need these for the Crazy Egg setup.

Sign into your Crazy Egg account and create the snapshots using Page Camera.

You will need to create a separate snapshot for each ID.

  • The Snapshot URL will need to have the experiment page URL appended with the Optimizely_x query param. Example: “https://www.example.com/my-page/?optimizely_x=VARIATIONID”
  • The Snapshot name will need to be the variant ID.
  • Under the “Advanced settings,” select the Tracking Option of “Track by name.”

You just need to select the option “Track by name” you won’t need to add the additional code on your page since the integration automatically handles it.

Was this article helpful?

Related Articles

Need Support?

Can’t find the answer you’re looking for? Don’t worry we’re here to help!

Submit a request