Use Adobe Tag Manager to Set up DPA Dot Tags

This guide describes how you can use Adobe Dynamic Tag Manager (ADTM) to set up and deploy your Dot tag. Using ADTM, you can create a custom script for your product ads across your webpages.

If you already have an account with Adobe DTM and are familiar the ADTM UI, you’ll want to take advantage of this tag manager to set up your Dot tags for DPA.

Setup Steps for Adobe Tag Manager

Follow these steps:

  1. Sign in to Adobe DTM.

  2. Select the Web Property on which you want to install the DOT tag and the DPA custom script.

  3. Click Add a Tag.

add tag

  1. Click Go to Rules.

go to rules

  1. Select Page Load Rules from the left navigation bar.

  2. Click Create New Rule and provide the name of the tag - for example, Verizon Media DPA Tag.

create rule load rule

  1. Click the JavaScript/Third Party Tags tab.

  2. Select Sequential HTML.

  3. Click Add New Script.

add script

  1. Copy and paste the DOT tag provided by Native.

The following is the DOT tag sample.

You’ll need to replace the projectId and pixelId with the values shown in the sample.

Note that the projectId (in this case, 10000) and pixelId (10015984) are provided by Native & Search.

<script type="text/javascript">(function(w,d,t,r,u){w[u]=w[u]||[];w[u].push({projectId:"10000",properties:{pixelId:"10015984"}});var s=d.createElement(t);s.src=r;s.async=true;s.onload=s.onreadystatechange=function(){var y,rs=this.readyState,c=w[u];if(rs&&rs!="complete"&&rs!="loaded"){return}try{y=YAHOO.ywa.I13N.fireBeacon;w[u]=[];w[u].push=function(p){y([p])};y(c)}catch(e){}};var scr=d.getElementsByTagName(t)[0],par=scr.parentNode;par.insertBefore(s,scr)})(window,document,"script","https://s.yimg.com/wi/ytc.js","dotq"); </script>

  1. Provide the name to the script (for example, DOT Tag) and click Save Code.

  2. Click Save Rule.

  3. Click Create Tag.

  4. Next, you’ll need to add the DPA custom script.

There are three types of DPA events:

  • ViewProduct

  • AddToCart

  • Purchase

For events that require clicking the button, you’ll need to set up Event Based Rules (for example, AddToCart).

For an event that is triggered when viewing the page, another Page Load Rule needs to be set up (for example, ViewProduct).

  1. In this document, we use the example of ViewProduct event.

  2. To add the DPA custom script, go back to the Native DPA Tag that was just created.

  3. Click JavaScript / Third Party Tags to add a new script to the rule.

  4. Copy-and-paste the DPA custom script.

The following is a sample script.

The projectId and the pixelId are provided by Native & Search and need to match the DOT tag.

The value of ea can ONLY be either one of these three values: ViewProduct, AddToCart or Purchase. The productId is the id of the product. This should match the values in the product_id column of the feed.

<script type="application/javascript">
    window.dotq = window.dotq || [];
    window.dotq.push(
    {
     'projectId': '10000',
     'properties': {
       'pixelId': '12345',
       'qstrings': {
         'et': 'custom',
         'ea': 'ViewProduct',  // ViewProduct, AddToCart or Purchase
         'product_id': 'BAG101',
       }
    } } ); </script>

  1. Click Save Code.

  2. Click Save Rule.

Additional Resources

Check out these additional resources for more information: