Integrating VWO with Mixpanel (Old Version)

ATTENTION: VWO is now offering an improved integration experience. If you 
see a tab named INTEGRATIONS on the left panel of your VWO dashboard, you 
have the new experience enabled on your VWO account. The new experience 
allows to deploy the Mixpanel integration specific code from the VWO 
dashboard, i.e., no manual code installation is required. To check VWO 
data in Mixpanel reports, refer to the article below. 

If you have got the new experience enabled in your VWO dashboard, refer 
to Integrating VWO with Mixpanel to set up your Integration. If not, 
follow the below instructions for your integration setup.

Integrating VWO with Mixpanel allows you to push VWO test data into Mixpanel reports. The end-to-end process of integrating Mixpanel with VWO is a two-step process.

1. Adding tracking code to test pages

2. Viewing your VWO Test ID

Adding Tracking Code to Test Pages

The first and the foremost step in integrating VWO with Mixpanel is to add the following code snippet on the pages where the VWO test is running. The snippet works with both Synchronous and Asynchronous code of VWO, regardless of the location.

<script type="text/javascript">
    var dataSendingTimer,
        tryPushingDataTimer,
        _vis_data = {};
    window.VWO = window.VWO || [];
    window.VWO.push(['onVariationApplied', function (data) {
        if(!data) {
            return;
        }
        var expId = data[1],
            variationId = data[2];
        if (typeof(_vwo_exp[expId].comb_n[variationId]) != 'undefined' && ['VISUAL_AB', 'VISUAL', 'SPLIT_URL', 'SURVEY'].indexOf(_vwo_exp[expId].type) > -1) {
            _vis_data['VWO-Test-ID-' + expId] = _vwo_exp[expId].comb_n[variationId];
            clearTimeout(dataSendingTimer);
            (function tryPushingData() {
                clearTimeout(tryPushingDataTimer);
                if (!window.mixpanel || !window.mixpanel.track) {
                    tryPushingDataTimer = setTimeout(function () {
                        tryPushingData();
                    }, 5);
                    return;
                }
                dataSendingTimer = setTimeout(function () {
                    window.mixpanel.track("VWO", _vis_data);
                    _vis_data = {};
                }, 100);
            })();
        }
    }]);
</script>

Once you have added the code snippet, login to your Mixpanel account, and from the dashboard go to Insights to check the Mixpanel properties for VWO-Test-ID-# (where # is the test ID number). 

You will see the name of the variation shown to the visitor. For example, VWO-Test-ID-523.

Viewing Your VWO Test ID

Procedure

1. 1. Login to your VWO account. 
   2. Go to the relevant testing dashboard and select the test for which you want to view the ID.
   3. From the SUMMARY page of your test, go to SETTINGS >SUMMARY.

   4. To view the Test ID, scroll down to the OTHER INFORMATION section of the page and check for the CAMPAIGN ID.