This page explains how to use Google Web Designer to build HTML5 creatives that will properly track clicks in TTD and Xandr.
Step 1
Open Google Web Designer.
Step 2
Click CREATE NEW FILE. The Create New Blank File pop-up displays.
Step 3
Click HTML from the Others menu.
Step 4
Enter a Name and Title for the creative.
Step 5
Select a Location and Animation Mode.
Step 6
Click OK. The Create New Blank File pop-up closes.
Step 7
Click the + button in the lower left of Google Web Designer under the Events tab to add a new event
A pop-up displays
Step 8
Select a target.
This will be the element of the ad that will be clickable.
Step 9
Select an event.
Step 10
Select one of the available options that display for the event.
Step 11
Select Custom under the action menu.
Step 12
Select Add custom action
Step 13
Type a unique name in the text field that displays next to “gwd.” (e.g., KeynesClick).
Step 14
Paste the code below into the text box provided (this is your clickTag code)
function getParameterByName(name) {
var match = RegExp ('[?&]' + name +
=([^&]*)').exec(window.location.search);
return match && decodeURIComponent(match[1].replace(/\+/g,' '));
}
window.open(getParameterByName('clickTag'), '_blank');
Step 15
Step 16
Click OK.
Step 17
Test the creative by performing the following if necessary:
1. Click Preview in the upper right of Google Web Designer to open the creative in your browser.
2. Add “?clickTag=http://yoururlhere.com” in the address bar at the end of the landing page URL that you want to test.
3. Refresh the page and click on the creative.
A new window with the landing page that you entered should open in your browser. When the creative is served, Keynes sets a value of clickTag to Keynes’s click tracker along with a redirect to the landing page URL provided in the Console.
