Decibel Insight
Knowledgebase

Visual Website Optimizer

In order to differentiate data for URLs with the same URL but different layouts/views that have been created using Visual Website Optimizer, you can use our Visual Website Optimizer Integration to configure the different layouts as variations.

Enabling the Visual Website Optimizer Integration

To enable this option, simply navigate to Settings > Integrations > Split Testing > Visual Website Optimizer and tick the Visual Website Optimizer Integration Enabled checkbox, before clicking Save. You can now begin to implement this integration.

Implementing the Visual Website Optimizer Integration

You will now need to add the Decibel Insight 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 Decibel Insight 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 Decibel Insight to recognise 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 Decibel Insight to collect these variations independently and recognise these as different variations.

Please note: Our Visual Website Optimizer Integration does not work retrospectively as it requires us to collect and aggregate the variations each time the script is fired.

Using Visual Website Optimizer Variations

Upon collecting Visual Website Optimizer Variations, you can begin to use these by creating Segments based on them.

When creating a segment, in Segment Filters, click on the Integrations tab and navigate to Visual Website Optimizer Variation and use the text box to search for a variation, such as in the image below.

Upon creating the segment, you can begin to filter Sessions, Heatmaps, Forms and other features in Decibel Insight based on those users who have viewed that particular variation.