Start Free trial

Articles in this section

See more →

Integrate VWO with Adobe Experience Platform via Adobe Data Collection

Shweta Ajwani
  • Updated
Share:
Follow
close this to read article

This article covers the following:

About Adobe Data Collection

Adobe Data Collection helps businesses collect, manage, and distribute customer data across digital properties. It enables organizations to track user interactions on websites, mobile apps, and other digital touchpoints to drive insights and personalization. It also enables seamless data transmission to third-party tools. In this article, we’ll walk you through the process of collecting VWO data using Adobe Data Collection and transmitting it to Adobe Experience Platform.

By integrating VWO with Adobe Data Collection, you can capture VWO experiment and variation data in Adobe Data Collection and send it to Adobe Experience Platform for further analysis and personalization.

Integrate VWO Data into Adobe Experience Platform

Prerequisites

For sending VWO campaign data to Adobe Data Collection, ensure:

  • Adobe Data Collection JS library is present on the Campaign URL along with the VWO SmartCode.
  • The Adobe Data Collection Integration is enabled for the campaign.

To push VWO event data into Adobe Experience Platform:

In Adobe Experience Platform:

In VWO:

Create a Data Type

Before configuring the Adobe Data Collection integration, you must set up Adobe Experience Platform to ensure compatibility and support. This includes creating a data type to store VWO data.

To create a data type:

  1. Log in to your Adobe Experience Platform account.
  2. Go to Data Model > Schemas > Data types.
  3. Click Create data type.
    vwo_adobe_data_collection_create_data_type.png
  4. Enter a suitable name and description for the data type. We recommend setting the name as VWO for easy identification.
    vwo_adobe_data_collection_data_type_name_desc.png
  5. In the VWO data type, create two fields to store experiment data. These fields capture the campaign name and variation name, which are later passed on to Adobe Experience Platform. To create a field, click the + icon next to the VWO data type. Configure the field details as follows:
    • Field name: campaign_name
    • Display name: Campaign Name
    • Type: String
      vwo_adobe_data_collection_campaign_field.png
  6. Similarly, create another field as follows:
    • Field name: variation_name
    • Display name: Variation Name
    • Type: String

      Once the fields are created, the VWO data type screen looks as follows:
      vwo_adobe_data_collection_data_type.png
  7. To add the VWO data type to the schema, go to Browse and select your default XDM Event Schema.
    vwo_adobe_data_collection_browse.png
  8. Click the + icon next to the event schema name, create a new field as shown below, and click Apply.
    NOTE: Ensure the type you select for the new field is the same data type you created above.
    vwo_adobe_data_collection_event_schema.png
  9. The new field is added to the schema. Click Save to activate the schema.
    vwo_adobe_data_collection_save_schema.png

Configure Adobe Data Collection

The Adobe Data Collection setup involves three steps:

Install the Adobe Experience Platform SDK

Before configuring the Adobe Data Collection setup, it is assumed that the Adobe Experience Platform extension is installed in your account. For more information, see Install Adobe Experience Platform Web SDK tag extension.

Create a Data Element

When data is received from VWO, it is sent to the Adobe Experience Platform as an event. To ensure seamless data transmission, create a data element as follows:

  1. In Adobe Experience Platform, navigate to Adobe Data Collection > Tags.
  2. Select the custom web tag that tracks data for your website.
  3. From the left navigation panel, go to Data Elements > Add Data Element.
    vwo_adobe_data_collection_add_data_element.png
  4. Configure the data element details as follows:
    • Name: VWO Event
    • Extension: Adobe Experience Platform Web SDK
    • Data Element Type: XDM Object
    • Sandbox: Select your sandbox environment
    • Schema: Select your default web event schema

      The VWO object is added. Click + to expand the object and configure further details.
    • Enter the values for each property as follows:
      Properties Value
      campaign_name %event.detail.exp_name%
      variation_name %event.detail.var_name%

      vwo_adobe_data_collection_vwo_object.png
      ATTENTION: Add other mandatory values required for the Adobe Experience Platform event.
  5. Click Save.

Create a Rule

A rule is a set of conditions and actions that instruct your client-side tag (in this case, Adobe Data Collection) on when and what action to execute once the data is collected. For example, in this case, we define a rule with the condition that if the event contains VWO-specific data, it must be transmitted to the Adobe Experience Platform.

To create a new rule in Adobe Data Collection:

  1. Go to Rules > Add Rule.
  2. In the Events section, click + to add an event. Configure the event details as follows:
    • Extension: Core
    • Event Type: Direct Call
    • Name: Enter a suitable rule name.
    • Identifier: VWO
      vwo_adobe_data_collection_event_config.png
  3. Click Save.
  4. In the Actions section, click + to add an action. Configure the action details as follows:
    • Extension: Adobe Experience Platform Web SDK
    • Action Type: Send Event
  5. In the Data section, configure the details as follows:
    • Type: VWO
    • XDM: %XDM - VWO EVENT%
  6. Save the action and the rule.
    vwo_adobe_data_collection_event_action_config.png
  7. To activate all the changes, navigate to Publishing Flow and publish them.

To complete the integration setup, enable Adobe Data Collection integration in VWO.

Enable Adobe Data Collection Integration in VWO

  1. Log in to your VWO account.
  2. From the left panel of your VWO dashboard, navigate to Configurations > Integrations.
  3. Click on the Adobe Data Collection integration and enable it. Once done, the Adobe Data Collection screen within the Integrations page looks like this:
    vwo_adobe_data_collection_integration_page.png
    This enables the integration at the account level, ensuring they are applied by default to all future test campaigns.
  4. To enable the Adobe Data Collection integration for your existing campaigns, select the campaign, go to Settings > Others, expand the Integrate with third-party products section, and select the Adobe Data Collection option.
    vwo_adobe_data_collection_existing_campaigns.png

Verify the Integration Setup

You can check if the integration setup is complete or troubleshoot the setup by verifying the network calls. To identify the data pushed from VWO to Adobe Data Collection, perform the following steps in your browser:

  1. Right-click on the page where your test campaign is running and select Inspect Element.
  2. In the Network tab, enter the term adobedc to filter the network calls for Adobe Data Collection. The network calls get populated as the page loads. You may reload the page to view the network calls.
  3. Examine the interact? calls payload. Select a network call to view further details.
  4. Go to the Payload tab. Here you can find the data being pushed in the following format:
    • eventType: vwo
    • campaign_name: <campaign ID>:<campaign name>
    • variation_name: <variation ID>:<variation name>
      vwo_adobe_data_collection_verify_integration_setup.png
      This indicates that the data is being transmitted from VWO to Adobe Data Collection.

Upon successfully setting up the integration, when a visitor is tracked in a live VWO campaign, their data is first sent to Adobe Data Collection. Once the rule detects VWO data in the event, it triggers an action of transmitting the data from Adobe Data Collection to Adobe Experience Manager.

Was this article helpful?

Return to top

Related articles