relevant products:
  • Optimizely X Web Experimentation
  • Optimizely X Web Personalization
  • Optimizely X Web Recommendations

THIS ARTICLE WILL HELP YOU:
  • Integrate FullStory with Optimizely X

FullStory allows you to record and play back all in-browser interactions. Integrate FullStory to get powerful insights into how users interact with your Optimizely experiments and ideas for new experiments to run in Optimizely.

This is an integration that is built and maintained by FullStory. To set up the integration, follow the instructions on FullStory's help site. You'll add the FullStory recording snippet to your site, then pass in experiment, campaign, and variations names and IDs.

Before you integrate FullStory, contact your Optimizely Customer Success Manager and confirm that the Custom Analytics feature is turned on for your account.

Add the FullStory recording snippet to your site

You have two options for adding the FullStory recording snippet to your site:

  • Add the FullStory recording snippet directly to your site (recommended).

  • Use Optimizely to add the FullStory recording snippet to your site.

Option 1: Add the FullStory recording snippet directly to your site

  1. Create a FullStory account.

  2. Click the link in the FullStory confirmation email to confirm your account.

  3. Log in to your FullStory account, navigate to Settings, and copy your recording snippet.

    fullstory_acct.png

  4. Paste your recording snippet into the <HEAD> element via your content management system (CMS) or directly into your application’s code
    Make sure to place the FullStory recording snippet above your Optimizely snippet.

FullStory will now start recording your site visitors' sessions.

Option 2: Use Optimizely to add the FullStory recording snippet to your site

  1. Create a FullStory account.

  2. Click the link in the FullStory confirmation email to confirm your account.

  3. Log in to your FullStory account, navigate to Settings, and copy your recording snippet.
    fullstory_acct.png

  4. In Optimizely, navigate to Settings JavaScript.
    optly_settings_javascript.png

  5. Paste the FullStory recording snippet in the Project JavaScript field.
    paste_snippet.png

FullStory will now start recording your site visitors' sessions.

Pass in experiment and variation names and IDs  

When A/B or multivariate testing, you might want to compare how visitors interact with the different variations of your pages. By passing custom variables from Optimizely to FullStory, you can view and compare visitor sessions by experiment and variation name.

experiment_name_is.png

Now that you've added FullStory to your site, you can pass in experiment and variation names and IDs. Here's how:

  1. In Optimizely, navigate to Settings and uncheck Mask descriptive names in project code and third-party integrations” (under Privacy Settings).
    mask_desc.png

  2. Click Save.

  3. Navigate to Settings > Integrations and click Create Analytics Integration...
    create_analytics_integration.png

  4. Select Using Visual Editor in the dropdown menu.
    using_visual_editor.png

  5. Type a name for the integration (for example, “FullStory IDs”) and select Create Custom Analytics Integration.

  6. Copy the following code, paste it in the custom field, and click Save:

(function() {
if (FS) {
   var campaignStates = window.optimizely.get('state').getCampaignStates({"isActive":true});
   var experiments = [];
   var variations = [];
   var campaigns = [];
   for (var campaignId in campaignStates) {
     var c = campaignStates[campaignId];
     if (c.isInCampaignHoldback !== true) {
       if (c.id && c.campaignName) { campaigns.push(c.campaignName + " (" + c.id + ")"); }
       if (c.experiment && c.experiment.id && c.experiment.name) { experiments.push(c.experiment.name + " (" + c.experiment.id + ")"); }
       if (c.variation && c.variation.id && c.variation.name) { variations.push(c.variation.name + " (" + c.variation.id + ")"); }
     }
   }
   if (campaigns.length > 0) {
     FS.setUserVars({"campaign_str":campaigns.join(", "), "experiment_str": experiments.join(", "), "variation_str": variations.join(", ")});
   }
   }
})();

Navigate to Experiments and click the name of your experiment. Under Manage Experiments, select Integrations and check the “Tracked” checkbox for the FullStory integration that you just created.

go_to_experiments.png

Repeat this in each experiment where you want the FullStory integration to run.

Now, you can search by experiment and variation name and IDs in FullStory! Just search for “experiment”, “campaign”, or “variation” and the values for those fields in FullStory.

search_in_fullstory.png

Here's how to find experiment and variation IDs in Optimizely.

Pass in additional data (optional)

You can also pass in custom variables (other than experiment and variable names) or pass in usernames or emails for visitors you’ve already identified.

After you pass in this additional data, add the script you’ve created to your site by following the same steps you used to add the FullStory recording snippet.