How to make a responsive HTML5 banner?

[giuliopons]

[giuliopons]

Prepare the banner in AdAdmin

Create a banner in the AdAdmin banner list, do not serve it yet (paused), and choose HTML5:

As you can see ClickTag isn't available until you save the banner.

ClickTag is important, it's the url used to track click and redirect users to the final link.

Enter all the mandatody data ans save it.

Open it again to find the HTML5 ClickTag:

Click on it to copy the ClickTag.

Create your HTML5 banner from templage

Now, use the template file here: https://www.barattalo.it/amb/example/html5testbanner.zip

This is a zipped file that contains a basic HTML5 banner made of a couple of JPG a readme.txt file and an index.html

All the logic is in the index.html file (but you can add and use css files and js files).

Open the index.html and change the ClickTag with the click tag copied from the banner detail page:

The function that calculates the height of the banner and communicate with the parent window that will contain the banner inside an iframe is runned also everytime the main window is resized.

You can eventually modify this function if the actual function (var actual_height = document.body.scrollHeight; ) doesn't work properly with your banner.

Upload it

Zip back the files unzipped from template and modified.
Edit your banner.
Choose HTML5 and upload Zip file.

[giuliopons]

Video banner examples made with mpeg videos and HTML5 are available in banner n.82 and banner n.81 in demo installation.