Integrating Mouseflow into SiteSpect allows you to track your A/B tests with a larger degree of granularity.

Use it to

Filter the recording list, heatmap list, funnels, and form analytics reports based on your experiments and variants. The integration sets a custom variable in Mouseflow so you can filter the list of recordings by experiment name and variation name. This lets you filter for a page (with all variants combined into one), exclude all variants from a page (to view traffic not bucketed into tests), or view a specific variation for a page.

Note: To access the filter options in Mouseflow, click the 'Add Filter' button in the top-left hand side and then -> choose Variables -> select the appropriate experiment and value (either a variation name or * (for all variations to be combined)).

Setup

There are two steps to integrating Mouseflow and SiteSpect:

  1. Creating a new data layer object to hold the Campaign- and Variation IDs

  2. Pushing the ID's to Mouseflow using Custom Tags

Creating a New Data Layer Object

For the integration to work you'll need to create a data layer object called ssWatts, which exposes the Campaign IDs and Variation IDs of visitors who are Assigned to and Counted in Campaigns in SiteSpect (you can see the full description on how to create and manipulate the data layer objects here).

Create a Site Variation and use the following for the Search Text and Replacement Text fields.

Search Text:

</head>

Replacement Text:

<script language="JavaScript"> 
var ssWatts = [__SS_LISTCAMPAIGNCOUNTED{,}__];
</script>
</head>

Example Result:

<script language="JavaScript"> 
var ssWatts = [{
testCampaignID: 534,
variationGroupID: 4355
}];
</script>
</head>

Pushing the ID's to Mouseflow using Custom Tags

Once you've created the data layer object you can push the testCampaignID and variationGroupID to Mouseflow using custom tags. This code should be placed at the end of the <body> of your page.

<script type="text/javascript"> 
window._mfq = window._mfq || [];

for (var i = 0; i < ssWatts.count; i++) {
var campaign = ssWatts[i];
window._mfq.push(["tag", "campaignId=>" + campaign.testCampaignID]);
window._mfq.push(["tag", "variationId=>" + campaign.variationGroupID]);
}
</script>


Did this answer your question?