Calendar
Members
Search
Help
RSS Feed 
 Click Tracking Html 5 Banners With Adobe Edge |
  |
 Feb 28 2012, 12:10 AM
Post
#1
|
|
|
Member  Group: Members Posts: 20 Joined: 17-December 07 Member No.: 19,455  |
I am moving our banner inventory from Flash to HTML 5, what is the recommended procedure to permit click tracking in this format for OpenX?
|
 |
 
|
|
Feb 28 2012, 12:45 AM
Post
#2
|
|
|
Mentor Group: Moderators Posts: 1,303 Joined: 12-November 08 From: San Francisco Member No.: 24,158 |
QUOTE (twoplus @ Feb 28 2012, 12:10 AM)  I am moving our banner inventory from Flash to HTML 5, what is the recommended procedure to permit click tracking in this format for OpenX? Lookup magic macros http://www.openx.com/docs/whitepapers/magic-macros Generally, you will use {clickurl} in your html, prepended to the actual url of the click. |
|
|
|
|
Feb 28 2012, 08:41 PM
Post
#3
|
|
|
Member Group: Members Posts: 20 Joined: 17-December 07 Member No.: 19,455 |
QUOTE (rakshan @ Feb 28 2012, 12:45 AM) QUOTE (twoplus @ Feb 28 2012, 12:10 AM) I am moving our banner inventory from Flash to HTML 5, what is the recommended procedure to permit click tracking in this format for OpenX? Lookup magic macros http://www.openx.com/docs/whitepapers/magic-macros Generally, you will use {clickurl} in your html, prepended to the actual url of the click. I am aware of the use of Magic Macros, but I suspect the functionality will not be the same when using banners designed in Adobe Edge. The functionality appears to be similar to the need of a clickTAG script in a flash banner, let me know if you agree after reading this post, or if I am wrong please advise where you would place theMagic Macro in the code below. I am following the instructions posted by Adobe here - http://forums.adobe.com/message/3834272#3834272 According to the post from the Adobe representative, this is the code needed to pass clicks through for the banner according to Adobe, the code is placed under the jQuery script that calls the banner - CODE <script language="JavaScript"> $(document).ready(function() { $('#stage').click(function() { alert("hello click handler"); }); }); </script> This is an example of a typical Adobe Edge generated HTML 5 banner with the click passthrough script included - CODE <!DOCTYPE html> <html lang="en"> <head> <title>Untitled</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <!--Adobe Edge Runtime--> <script src="Edge_sample_richad_edgePreload.js"></script> <!--Adobe Edge Runtime End--> <script language="JavaScript"> $(document).ready(function() { $('#stage').click(function() { alert("hello click handler"); }); }); </script> <style type="text/css"> <!-- #stage { cursor: pointer; } --> </style> </head> <body> <div id="stage" class="symbol_stage EDGE-12017804"></div> </body> </html> For further reference, here is the HMTL 5 guide for Google DoubleClick Rich Media. I do not intend to use DoubleClick in this scenario, but I included the link because it may help provide some insight for OpenX implementation. http://support.google.com/richmedia/bin/an...;answer=1093915 |
|
|
|
|
Feb 28 2012, 09:12 PM
Post
#4
|
|
|
Mentor Group: Moderators Posts: 1,303 Joined: 12-November 08 From: San Francisco Member No.: 24,158 |
instead of the alert, you would use top.location.href = "{clickurl}http://www.my_ad_targetURL.com/";
or some other javascript function to open a new window with a url. |
|
|
|
|