Using Click Macros with Adobe Edge

Adobe Edge allows you to quickly make interactive HTML5 rich media ad items, and it's easy to implement our click tracking macros in the process.

Implement the 'click event'

Once you've created your Adobe Edge creative, you will need to edit the code in order for AdButler to communicate with it properly. First, create an element that will act as a hyperlink. Once done, select the element and click the code button "{}" on the properties panel. Choose the action that activates the element. Click is the most common.

You can set the cursor type in your elements cursor panel.

In the code panel that appears, paste in the following code bit, taken from our HTML5 click-track reference: window.open(window.clickTag, '_blank');

This is a JavaScript function which will open a different website in a new tab. After you've pasted it in, save and export the ad item for web.

Adding the click macro to the HTML document

Now open the HTML file that we just exported in any plain text editor. In the <head> of the HTML, paste the code:

<script>window.clickTag = '[TRACKING_LINK]';</script>

This script allows AdButler to replace "window.clickTag" with the destination of the ad item, and let's us also track the impressions and clicks of the ad item. Be sure to use the macro "[TRACKING_LINK]."

Upload your HTML5 ad to AdButler

For AdButler to properly display the creative, all the files associated with the ad (HTML, image assets, CSS, etc.) will need to be compressed into a single .zip file. Most operating systems give you the ability to create a zip via right-clicking the folder selecting the appropriate option from the dropdown menu, but you can use any program or utility to create your zip file.

Naming permissions differ between folders and URLs. In URLs the . character is reserved for differentiating domains. When creating your Adobe Edge files, please ensure that you do not use any restricted characters.

After creating your zip file, in your AdButler dashboard navigate to the advertiser campaign or publisher zone where you want to add your ad item. Create a new HTML5 Rich Media Ad Item, and use the upload button to upload the zip file. Make sure you set your destination URL in AdButler so the user will be directed to the appropriate location after the click.

With this setup, the ad item's click event will record a click in our database, and the destination URL in your ad setup will redirect them to the proper destination.


Can't find what you're looking for?

Send us an email

hello@adbutler.com

Visit the blog

For more ad serving tips, industry news and AdButler insights.