Integrating VWO with Heap

Integrating the Heap Analytics tool with VWO helps you push data from campaign pages and monitor or compare campaign data by using the Heap dashboard. The end-to-end process of integrating Heap with VWO involves the following steps:

1. Adding VWO Smartcode to your website

2. Defining the VWO Segment in your Heap Account

Adding VWO Smartcode to Your Website

Add the following code snippet on the pages where the VWO test is running. The snippet works with both the Synchronous and Asynchronous code of VWO, regardless of its location with respect to the VWO code. NOTE: Ensure that you add this code snippet after the Heap integration code.

<script type="text/javascript">
   var _vis_opt_queue = window._vis_opt_queue || [],
       _vis_counter = 0;
   _vis_opt_queue.push(function() {
       try {
           if (!_vis_counter) {
               var _vis_data = {},
                   _vis_combination, _vis_id, _vis_l = 0;
               for (; _vis_l < _vwo_exp_ids.length; _vis_l++) {
                   _vis_id = _vwo_exp_ids[_vis_l];
                   if (_vwo_exp[_vis_id].ready) {
                       _vis_combination = _vis_opt_readCookie('_vis_opt_exp_' + _vis_id + '_combi');
                       if (typeof(_vwo_exp[_vis_id].combination_chosen) != "undefined")
                           _vis_combination = _vwo_exp[_vis_id].combination_chosen;
                       if (typeof(_vwo_exp[_vis_id].comb_n[_vis_combination]) != "undefined") {
                           _vis_data['VWO-Test-ID-' + _vis_id] = _vwo_exp[_vis_id].comb_n[_vis_combination];
                           _vis_counter++;
                       }
                   }
               }
               // Use the _vis_data object created above to fetch the data,
               // key of the object is the Test ID and the value is Variation Name
               if (_vis_counter) {
                   heap.addUserProperties(_vis_data);
               }
           }
       } catch (err) {};
   });
</script>

Defining the VWO Segment in your Heap Analytics Account

Procedure

1. Login to your Heap account.
2. From the analytics dashboard, go to Segments.
3. To create a new segment for the VWO test you want to track, click New Segment.

4. Select a category (in our example, VWO Test), or enter a new name for organizing your projects.

5. Enter the VWO test ID for the segment in the format VWO-Test-ID-#, where # is a numeric test ID value. You will find the variation name displayed for the visitor in the test. In the image above, the test ID is VWO-Test-ID-74.

6. In the Filters field, select the operator value as is defined.

7. Once done, click Define Segment.
   You can now view the data from VWO on your Heap dashboard.

How to View 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.