- Open Source
- Dynamic Product Ads
- Dynamic Product Ads - UI
- Dynamic Product Ads - API
- Dot Tag Instrumentation
- Sign In
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:
Navigate to Tags > Add Tag in the partner catalog and click Add Smart Custom Tag in the panel, as shown below.
Enter the name of the tag (for example, Yahoo Native DPA Tag) and the tag vendor (for example, Yahoo) in the required fields.
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
product_id with double curly braces, like this:
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.
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.
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.
To define how the
product_idvalues are passed from your website to the tag, you need to define the values in the Data Element under Data Dictionary.
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
ea data elements.
Click Add a Data Binding and select Website as the input.
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
Assign the binding to the page. Repeat the steps for both
Click Website in the left navigation bar and obtain the Signal Tag.
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.