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

Step 1

Navigate to the Optimizely project in which you want to use the integration.

Step 2

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

Step 3

Click on the blue button titled "Create New Analytics Integration."

Step 4

In the dropdown menu, select "Using JSON."

Step 5

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\") {\n  if(!isHoldback) {\n    
     window.CE_SNAPSHOT_NAME = '' + variationId;\n  }\n}\n"
  }
}

Step 6

Select "Crazy Egg" in the integration list and enable the integration.

Step 7

Select "Experiments" in the left navigation bar, and then click on the experiment's Name.

Step 8

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

Step 9

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

Step 10

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

Step 11

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

Note: 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."