Versions Compared


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

Build an HTML5 AppNexus Creative in Adobe Animate CC

This guide explains how to use Adobe Animate CC to build HTML5 creatives that will properly track clicks in AppNexus. It assumes that you are familiar using Adobe Animate CC to build creatives.

With AppNexus HTML5 Library

  1. From within Adobe Animate CC, select the element you want to make clickable.
  2. Open the Actions window. 
    Image Added
  3. Select Code Snippets in Actions toolbar.
    Image Added
  4. Click HTML Canvas, then Event Handlers, and then select Mouse Click and click OK if you receive a warning.
    Image Added
  5. You will see a text editor pre-populated with code. Replace the “alert("Mouse clicked");” with:

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

    Image Added

  6. Save and Publish your work. Open the project's .html file in your web browser. Add ?clickTag= at the end of the URL in the address bar. 

    Image Added

    Refresh the page and click on the ad. A new window with AppNexus' website should open in your browser. When the ad is served AppNexus sets the value of clickTag to AppNexus' click tracker and a redirect to the landing page URL provided for the creative in Console.

Related Topics