Skip to end of metadata
Go to start of metadata

Build an HTML5 AppNexus Creative in Google Web Designer  

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

  1. Open Google Web Designer.
  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 the action menu.
  12. Select Add custom action.
  13. Type a unique name in the text field that displays next to "gwd." (e.g., appnexusClick).

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

    Since Google Web Designer has a known issue related to key commands. you must paste the code using your computer's menu bar paste option.
  15. Click OK.
  16. 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, AppNexus sets a value of clickTag to AppNexus' click tracker along with a redirect to the landing page URL provided in the Console.
  • No labels