Howto: Deploying Hype animations to DoubleClick Studio

[DBear]

Hi @KargoGrafik

I must admit I haven’t worked on any banners. I’m just following the logic. Saying that I’ve just read up on DCM’s (Double-click Campaign Manager) “How to prepare HTML5 assets”

Basically in your case it look like you want an “exit” using the button at the end of your animation? *This is an assumption.

In this case you would just add a simple piece of code in the Head HTML:

<script>
var clickTag = "YOUR URL";
</script>

then whichever elements you want to use as an exit click you would just create a “New Function…” and call it whatever you want and then place this code inside:

window.open(window.clickTag);

The Enabler way of doing things is for more than one “Tag” and to be honest I’m not entirely confident as to when and why you would use it. As a person who has never created or used banners I would have to say I’m no expert but the logic seems sound.

Edit Having looked at this a bit more at google support, if you use the Enabler script you don’t need to use a “clickTag” URL. It’s simply another way of creating exits and will be ok for DoubleClick. So if you want to create more “Exits” then use the Enabler way in the example.

In Summary, I would use the steps I’ve just outlined. If it doesn’t work then perhaps as suggested above placing this code around the div that is created after export should be the solution.

<a href="javascript:window.open(window.clickTag)">
<div id="whatever_hype_container" style.....
</a>

I hope this helps.

[joefinnerty2 (Joe Finnerty)]

I have a button (image) at the bottom of each slide. I placed the

var clickTag = “YOUR URL”;

in the header and created an onClick function

function clickTagGoogleDCM {
window.open(window.clickTag);
}
I load into the DoubleClick Campaign Manager HTML5 Validator and all is well. No errors and success message for tracking when I click the button. I tested this from hype in the browser and it works with no problems.
My problem is in hype reflect. When I test this on my iphone the button does nothing.
Can anyone shed any light on this.
thanks in advance

[Daniel]

I recommend testing your clicks only after posting on a server. My guess is that double click throws an error when loading the files from a local server. Hype reflect loads from the local area network.

[cee_em]

Hi there,

My team received assets from a client who used Tumult Hype to create their ads. Each zipped file (for the two sizes sent) contains the following:

• Main .html file
• Accompanying folder (…hyperesources) which contains:
  • 16 image files
  • …_hype_generated_script.js
  • HYPE-526.full.min.js
  • HYPE-526.thin.min.js
  • iframe-iri.html & iframe-iri-1.html (both referenced in the xyz_hype_generated_script.js file)
  • PIE.htc
  • AE96C4-restorable.plist

We’ve had no luck using DFP’s HTML5 Creative Upload Tool with this format, but have with others (GWD, Edge etc.) We’ve created .zip files that contain the .html and accompanying folder prior to uploading and are getting the following error: “We encountered an error while processing the creative bundle. Please ensure that the bundle is a zip archive and contains at least one HTML snippet and one asset in the archive.”

We’ve tried adding the hype_generated_script.js inline to the main .html file but no luck.

Wondering if anyone has had any luck using the tool with Hype files that are similar to this format?

[Daniel]

Are you able to privately share the ZIP file with me? If so, click ‘private message’ here).

You may want to adjust the path of the export so that there is no hype resources folder – you can move everything to the same folder. You would just need to adjust the reference of the JS file within the main .html file. I haven’t heard of this specific issue but that may be something to try.

[Daniel]

The above guide is for Double Click Studio – it will not work (at this time) for Double Click for Publishers. Here’s a guide for Double Click for Publishers.

If you are creating with DCS and you want to share your creative with a DFP account, follow these instructions.

[jonlalonde (Jonathan Lalonde)]

Hi,

I need to deploy in DoubleClick an expand creative.

Where I have to put the Google enabler (expand/collapse) in my Hype document. Maybe someone made it or try something that work. The only reference I got is a Adobe Edge Animate document that work great but doesn’t look like Tumult Hype at all…

Thanks for reply !!!

[Daniel]

Here's an example document:

Expanding Banners

You can do it pretty much the same way as in Edge Animate. I put together a sample you can download here: DCRM_Expanding_728x90.hype.zip (57.2 KB) There’s a few small differences in how the Hype ad was put together. The Head HTML contains the Enabler initialization and also has code that runs on document load that sets up the callbacks to expand/collapse. I mainly did this for organization so it is easy to copy/paste into other ads; it could have been done with an On Scene Load handler or ot…

[jonlalonde (Jonathan Lalonde)]

Thanks a lot Daniel !

[sadielesko]

Hi there, this is my first go at using Hype for HTML5 display ads and unsurprisingly, I am running into a snag. When I run my .zip files through the DoubleClick Validator and it give an error about not accepting the PIE.htc file. I see that in “advanced export” you can disable the IE 6-9 compatibility, but I don’t have the option in my version. I am guessing it is because I don’t have the pro version of Hype? Is just removing the file from my resources folder good enough to do the trick or is there a better workaround?

Thanks for the help!

[Daniel]

@sadielesko

I am guessing it is because I don't have the pro version of Hype? Is just removing the file from my resources folder good enough to do the trick or is there a better workaround?

Yes -- you can remove blank.gif and PIE.htc. These are used by IE 6-9 to better handle transparent PNGs.

[Ads-for-DFP]

Hello,
I’ve been trying to figure this out over over the past week for Google DFP.
It’s too difficult for code newbies.

I’m willing to pay for someone to help walk me through successfully adding my ad to DFP.

Please let me know if you’re interested.

[Ads-for-DFP]

around the main div tag paste the following a href:

Please specify what you mean by around the main div tag? Does that mean within it, above it or below it?
Thanks

[AlexRise (Alex)]

Hi,

By “around the main div tag,” I mean the first div under <body>. You should place the <a href> directly above the first <div> and the </a> directly below the </div>. Minimal example below:

 <body>
      <a href="javascript:window.open(window.clickTag)">
           <div>
           </div>
      </a>
 </body>
</html>

Does that help clarify?

[evancowan (Evan)]

Hi guys. I’ve deployed a few ads to DC with no trouble, and using minimal code. I’ve just run into an ad that I need to do a polite load on.

I’ve tried using the code above, but Im not sure Im doing it right. Do I need to paste bits of that in different parts of my document? Im after the simplest solution : )

My hype files is here:

Dropbox - Link not found

Ta

[Krok]

I just want to add clicktag

Missing click tag check
expand_more
No click tag was detected within this file. You must include at least one click tag in your HTML file in order to set a click-through URL for your creative. Reach out to the creative developer to resolve this issue by adding a click tag to the creative.

Visit the Help Center for more information about click tag implementation.

More details:

What shall I do? I am complete n00b and cant even understand code.

Much appreciete for all the help

[jonathan (Jonathan Deutsch)]

There's a new system in Hype called Export Scripts that might help - I go into a bit more detail in this post:

Google Display banners & Doubleclick

The first thing I’d recommend is to take a look at the Export Scripts page. Export Scripts are a new feature in the recently released v3.6 that we made to help with flows like working with DoubleClick! We have produced plugins for DoubleClick Studio and DoubleClick Campaign Manager. The DCM one uses clickTag and passes the validator you mentioned in your other thread, so that might be what you want. After you’ve installed it, there’s a clickTag field in the Document Inspector, new “exit” act…

[Krok]

Thank you I didnt know about that. I managed to make clicktag as javascript file when clicking on rectangle that covers the whole banner

The javascript contains this code:

	javascript:window.open(window.clickTag);

Then HeadHTML:

<script type="text/javascript">
var clickTag = "http://myadressthatIcantshowhere.com"; </script>

Now they want Doubleclick banners so I used the script. Then validated everything looked fin except

Crawlability check failure
We were unable to crawl this url. Visit the help center for more information about crawl errors.
More details:
Source: Invalid URL ()

No url! Where can I edit my URL when exporting to doubleclick?

I got my URL in clicktag on my invisible rectangle that covers the whole banner, that is not enough apprently

EDIT I had a deadline and recently learned the program so I couldnt read your description properly. SOLVED IT and read your answer properly document - clicktag ID and put the adress there now the validation worked. Fingers crossed that it works when they upload it.

[jonathan (Jonathan Deutsch)]

Glad you got it working. Specifically the Crawlability check failure looks more like it is an invalid URL then your setup was wrong.

[steve.ocall (Stephen O'Callaghan)]

So if I have an “initial scene” (Logo and solid background) and my main scene/ ad.
The polite loading JS will call the initial scene and then on scene load run the main timeline, is that the gist of polite loading?
Is there a way I can tell the initial load size?
Cheers,