Building HTML5 Creative in Adobe Edge

This guide explains how to use Adobe Edge to build HTML5 creatives that will properly track clicks through Keynes. It assumes that you are familiar using Adobe Edge to buildcreatives.

1. From within Adobe Edge, select the element you want to make clickable from the Elements panel. (Naming the element “clickable” is not required)

2. Open Actions for the selected element. The Actions panel will pop-up with a dropdown menu. Then select click in the dropdown menu.

3. 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');

4. Click Preview in Browser to open the ad in your browser. Add clickTag=http://YOUR-URL-HERE.com at the end of the UR in the address bar with the landing page you want to test. Refresh the page and click on the creative. A new window with the landing page you entered should open in your browser. When the creative is served, Keynes sets the value of clickTag to Keynes’s click tracker and sets a redirect to the landing page URL provided in Console.

Check to see if your video assets are high enough quality for the TV screen.