Use Signal to Set Up DPA Dot Tags

This guide describes how you can use Signal to set up and deploy your Yahoo Native Dot tag. Signal provides you with a container tag manager, enabling you to create custom scripts for your product ads across your web pages via Signal.

A Dot Tag template is available in Signal, but the template does not provide support for adding a custom event, which you’ll need to add when you set up your Yahoo Native DPA tag. To add a custom event, you can use Signal’s Smart Custom Tag, as illustrated in the steps below.

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

Setup Steps for Signal

Follow these steps:

  1. Navigate to Tags > Add Tag in the partner catalog and click Add Smart Custom Tag in the panel, as shown below.

add tag

  1. Enter the name of the tag (for example, Yahoo Native DPA Tag) and the tag vendor (for example, Yahoo) in the required fields.

client side

  1. Copy the Yahoo Dot Tag code generated by Yahoo Native and the DPA script and paste them into the Custom Markup field.

Ensure that you have the correct project id (10000) and pixel id (10015984), which are generated by Yahoo Native, and replace the values of ea and product_id with double curly braces, like this:

double curly braces

Note that in this case, the double curly braces indicate that the values will be passed dynamically from your website and will be defined via the Data Element, described in Step 6 below.

<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>
dot tag script with curly braces

  1. After creating the tag, Signal will direct you to the Page Assignments view of your tag, where you can assign your tag to a page(s).

You can do this by selecting the Unassigned/Assigned button for those Pages to which you’d like to assign the tag.

assign inputs

  1. Once you’ve assigned the pages on which you would like to have your tag active, you’ll need to activate your tag in order for it to begin firing. Navigate to the Active/Inactive button in the top right-hand corner of the screen shown below, and activate your tag.

smart custom tag

  1. To define how the ea and product_id values are passed from your website to the tag, you need to define the values in the Data Element under Data Dictionary.

Note

Data elements are essentially placeholders for the data that you can use when configuring tags.

Follow these mini-steps:

Navigate to Data Dictionary and then click Add Data Element. Now create the Product_id and ea data elements.

data dictionary

  1. Click Add a Data Binding and select Website as the input.

The data binding expression needs to be provided so that a Signal tag can bind the values between your website and the Dot tag. The expression is usually a JavaScript code snippet that specifies how the Signal tag will fetch the values.

For example, if the product_id (for example, BAG101) is placed between a HTML tag with the class name product_id (for example, <span class=’product_id’>BAG101</span>), the expression to fetch BAG101 in our example is

document.getElementsByClassName("product_id")[0].innerHTML.

  1. Assign the binding to the page. Repeat the steps for both ea and product_id.

product id

  1. Click Website in the left navigation bar and obtain the Signal Tag.

  2. Now place the tag onto your webpage.

You can confirm the Dot tag and the DPA custom script using the Yahoo Dot Helper Chrome Extension.

dot helper