Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

This page explains how to use Google Web Designer to build HTML5 creatives that will properly track clicks in AppNexus.

  1. From within Open Google Web Designer, click the + button under Events .
  2. Click CREATE NEW FILE. The Create New Blank File pop-up displays.
  3. Click HTML from the Others menu.
  4. Enter a Name and Title for the creative.
  5. Select a Location and Animation Mode.
  6. Click OK. The Create New Blank File pop-up closes.
  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.
  8. Select a target.

    This will be the element of the ad that will be clickable.
  9. Select an event. 
  10. Select one of the available options that display for the event.
  11. Select Custom under Actionthe action menu.  Image Removed
  12. Select Add custom action.
    Image Added
  13. Type a unique name into in the text field (that displays next to "gwd.) provided " (e.g., appnexusClick). Then paste

  14. Paste the code below into the text box provided (this is your clickTag code). 

    Code Block
    languagejs
    function getParameterByName(name) {
      var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
      return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
    }
    window.open(getParameterByName('clickTag'), '_blank');

    Note
    Paste the code using your computer's menu bar as Since Google Web Designer has a known issue with related to key commands. you must paste the code using your computer's menu bar paste option.
  15. Click OK.
  16. Test (optional)
    Image Removed
    Click Preview to open the ad 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. 
      Image Added
    2. Add "?clickTag=http://yoururlhere.com
    at the of the URL
    1. " in the address bar
    with
    1. at the end of the landing page URL that you want to test.
     Refresh
    1. Refresh the page and click on the
    ad
    1. creative. 
      A new window with the landing page that you entered should open in your browser. When the
    ad
    1. creative is served, AppNexus sets
    the
    1. a value of clickTag
    to
    1.  to AppNexus' click
    tracker and set
    1. tracker along with a redirect to the landing page URL provided in the Console.