DoubleClick banners

In all modesty Daniel from Tumult also helped with selecting the right Macro from Google API.

One needs to do 4 things in Hype to set up a basic Creative.

1 Banner size Meta Tag
Add this in the Head-HTML of your document and change the values to the correct size of your banner:
<meta name="ad.size" content="width=300,height=250">

2 clickTag var
Add this also to your Head-HTML of your document:
<script type="text/javascript"> var clickTag = "%%DEST_URL_ESC%%"; </script>

3 Creating the trigger
Create a Javascript function in Hype with the following code:
function clickTag(hypedocument, element, event) { window.open(window.clickTag) }
the only code needed is the sentence in the middle. Hype functions create the rest:
window.open(window.clickTag)
After doing that you need to create a button or select an element on your canvas and set an action. to make this button/rectangle call the function clickTag one must go to the in the actions panel (keycommand #6) and select onClick.

4 Cleaning for Google
On export Hype generates a js.script that plays your animation. It can be found on the body-section inside of the html-file. It will look similar like this:
<script type="text/javascript" charset="utf-8" src="728x090_banner_wnk_rgb_rz3.hyperesources/728x090bannerwnkrgbrz3_hype_generated_script.js?13937"

Remove the ?-code after the *.js in this line. Save your html-file. Zip it once more and then upload to one of the two Validators Google uses to check if your creatives.

Validator 1 | Adwords (ADW)
Validator 2 | Double Click Manager (DCM)

I have added an example banner in this message.
728x090_banner_wnk_rgb_rz.zip (102.9 KB)

Hope this helps and gets you over the line to join us on the Hype frontier. Your two error messages are solved.

3 Likes