Skip to content
  • There are no suggestions because the search field is empty.

Integrate Convert Experiences with Mouseflow

Visualize Convert Experiment Data with Mouseflow Session Recordings

Author:
Dionysia Kontotasiou

THIS ARTICLE WILL HELP YOU:


Convert-Mouseflow Integration

Integration of Mouseflow with Convert Experiences will help you to import Convert data into your Mouseflow account. 

For each experiment, the integration uses a unique variable to pass along the experiment name and variation name that the visitor is currently bucketed into (if any).

Add Tracking Code Snippets

Make sure the Convert tracking code and the Mouseflow tracking code are installed on your page. 

Activate Integration in Convert

Go to your Convert experience settings and under Integrations select the Mouseflow. Automatically code will set a Mouseflow custom variable so you can filter the list of results by experiment name and variation name. Then click Save and Continue:

Activate Integration Manually

If you do not want to activate the integration through Convert Experiences, you can create your own custom variables and push them to Mouseflow as described here.

Example code to send the Variation Name:

<!-- Mouseflow loader -->
window._mfq = window._mfq || [];
(function() {
    var mf = document.createElement("script");
    mf.type = "text/javascript"; mf.async = true;
    mf.src = "//cdn.mouseflow.com/projects/f78eaa82-c86f-4689-8bac-5ed02bf00715.js";
    document.getElementsByTagName("head")[0].appendChild(mf);
})();


<!-- Convert → Mouseflow bridge: place immediately after the Convert tracking script -->
window._conv_q = window._conv_q || [];
window._mfq = window._mfq || [];

window._conv_q.push(['addListener', 'experience.activated', function (event) {
    var eventData = (event && event.data) || {};
    if (!eventData.experienceId) return;

    var curExperimentName = String(
        eventData.experienceName || 'Convert Experiment ' + eventData.experienceId
    ).replace('Test #', 'Test ');

    var curVariant = String(
        eventData.variationName || 'Variation ' + eventData.variationId
    ).replace('Var #', 'Variation ');

    window._mfq.push(['setVariable', curExperimentName, curVariant]);
}]);

View Convert Data in Mouseflow

Login to your Mouseflow account, go to Session Replay and Recorded Sessions and access the filter options. Click the filter (funnel) icon in the top-right (blue bar) and then, under Variables, select the appropriate experiment and value (either a variation name, * (for all variations to be combined), or ^ (for all variations to be removed). Mouseflow

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.