The correct way of adding Adform clickTAG with Hype


(Mattias Lindberg) #1

The correct way of adding clickTAG for Adform in Hype (v3):

Add this script to Head HTML:

<script src="http://s1.adform.net/banners/scripts/rmb/Adform.DHTML.js"></script>

To lower file size for restrictions, remove the full, thin and pie scripts from the exported HTML folder.
Upload the thin script to an external server of your choice. Link to it from Head HTML instead:

<script src="http://your.external.server/projectname/js/HYPE-XXX.thin.min.js"></script>

Create a Rectangle as a button over your scene with Opacity set to 0%. Add an Action on Mouse Click.
Run Javascript. Create a new function called clickTAG():

	function clickTAG(hypeDocument, element, event) {
		window.open(dhtml.getVar('clickTAG', 'https://www.yourlink.com'), 
		dhtml.getVar('landingPageTarget', '_blank')
		);
	}

Create a manifest.json file next to your banner. See more info about this on Adform here*.
Zip it. Upload to Adform. Done!

*Update: Fixed link.


MRAID experience?
(Dennis van Leeuwen) #2

One can also upload the zip file and Adform will detect there are scripts and clicktags missing.

It will prompt to add these once the creative is uploaded. Even polite loading images and fallback will be optional to add. The only problem that still remains is the huge .js file Hype generates on export.

We all know IAB is rewriting the rules for html5 banners at this very moment with all the big companies. So the files size will get increased. But at the moment we have to convince the Adservers that our file size will not cost users more data.


(Dennis van Leeuwen) #3

I would like to update this Article. Things habe changed and it seems Adform Engineers don’t like the .hyperesources.

When I have time I will. Then FakePilot can update his Post to .v4


(Mattias Lindberg) #4

They don’t like the dot or something? They never complained about that when we delivered, but sometimes one of the developers decides something…

In case that is the problem, I would open the whole export folder in Sublime text or Atom and change the folder names to “_hyperesources” instead of “.hyperesources” together with all links to that folder with a Search and Replace All command. 1 minute fix.


(Dennis van Leeuwen) #5

True.

Update:
This post should also land on Adform forums/faq itself. The current post is not very helpful and still states Hype 2.

Do you want to do this, or shall I?


(Mattias Lindberg) #6

You mean as a link in the comments? You can see on that post you linked to, in the comments, (I’m Mattias Lindberg) – I tried to get them to update it already. But your welcome to giving it another shot! Or, simply as another comment. More credible if someone else does it. :slight_smile:


(Dennis van Leeuwen) #7

Asking Adform itself. Will give Feedback. Klein Moment.


(Dennis van Leeuwen) #8

I will be updated by Adform to support Hype better.