Publishing with HTML5 Canvas: ActionScript that will directly change the HTML file.

[andrewt48205781]

Hi all, this is more of a general query/curiosity with regards to publishing HTML5 Canvas animations via Animate.

I'm wondering if anyone else has come across this potential 'pain point' or situation.

For context, I work with a number of design agencies which require a large number of animated HTML Banners to be exported at various sizes as well as creative/copy variations. I can be exporting anywhere up to 20-30 banners depending on the campaign specs.

The HTML5 Canvas in Animate is great for what I need but one minor downside is that I'm having to manually add both the ClickTag, Meta Size Tag and JS reference/anchor tag manually in each HTML file as per Google Ad Manager specs: https://support.google.com/admanager/answer/7046799?hl=en

It would be great if there was a way to automate the process through some form of action scripting so that each individual HTML file is directly altered to include those areas of code without having to manually go through each one.

A side-by-side comparison for reference (highlighted sections indicate added ClickTag code):

Would anyone know of a viable solution to this or are there any add-ons/extensions that would assist with this process?

Thanks for your help.

Regards,
AT

[joejoe_jack · Accepted solution]

You can add the click tag and JS via a custom publishing template so it will be included on export.

[andrewt48205781]

That's brilliant joejoe_jack, exactly what I needed! Much appreciated, thanks! 😄

[andrewt48205781]

@joejoe_jack would there be any way of replacing the "#" or url placeholder in the modified template.html file using a little piece of action script that sits inside the animate file itself? I can modify the template to a point where the Width and Height values can be replaced with the $WT and $HT tokens, which work great, but I'm not sure how to go about applying a similar method for the ClickTag URL. I suppose I could create a new template everytime for a specific URL but that may become a little inefficient and bloated over time. Any pointers/advice would be greatly appreciated, thanks! 🙂