Visual Website Optimizer

In order to differentiate data for URLs with the same URL but different layouts/views created using Visual Website Optimizer (VWO), you can use the VWO data connector to configure the different layouts as variations.

Note: This data connector doesn't work retroactively as it requires DXA to collect and aggregate the variations each time the script is fired.

Enabling the VWO data connector

To enable this option, go to Connect > Data Connectors > Configure Data Connectors > Split Testing > Visual Website Optimizer and tick the Visual Website Optimizer Integration Enabled checkbox, before clicking Save. VMO data connector

You can now begin to implement this data connector.

Implementing the VWO data connector

You will now need to add the DXA API call individually to each variation that you want to track, such as the below, and this code will need to be implemented after the initial DXA tracking script:

if (window.decibelInsight) {
   decibelInsight('ready', function () {
      decibelInsight('sendIntegrationData', 'VWOIntegration', {id: 12345, name: 'Variation 1'});
   });
}

You will need to replace the ID and name above with relevant information, and each different variation will require a unique ID and name to enable DXA to recognize these as different variations. This includes different variations of the same split test. So, if you were running a split test called "New Homepage" and wanted to track the original and variation of this, you would need the following code on the original:

if (window.decibelInsight) {
   decibelInsight('ready', function () {
      decibelInsight('sendIntegrationData', 'VWOIntegration', {id: 12345, name: 'New Homepage Original'});
   });
}

While the following code would need to be added to the variation:

if (window.decibelInsight) {
   decibelInsight('ready', function () {
      decibelInsight('sendIntegrationData', 'VWOIntegration', {id: 12345, name: 'New Homepage Variation'});
   });
}

This will then allow DXA to collect these variations independently and recognize these as different variations.

Using VWO variations

Upon collecting VWO variations, you can begin to use these by creating segments based on them.

When adding filters to a segment, click on the Integrations tab and go to Visual Website Optimizer Variation and use the Please select ... text box to search for a variation.

Note: To add filters to a segment, see Segment Filters.

Note:

You can then use the segment to filter sessions, heatmaps, forms, and other DXA features based on visitors who have viewed that particular variation.