tb_html5_engl.
- Jan Kugelmeier (Unlicensed)
HTML5
Trackings
Please note the following when delivering physical HTML5:
It is not allowed to integrate any 3rd party tracking and clickcommands into the HTML file; these must be delivered separately and contain the necessary GDPR macros for the vendors used (see Ströer Tracking Guidelines for more information)
The Ströer specifications have moved to stroeer.de.
Please find the most actual information and specifications for HTML5 advertising media there.
Click here: https://www.stroeer.de/en/planning-booking/specifications/online-ads/technical-specifications-for-physical-html5-ad/
Delivery format | Single HTML file + additional images/videos |
---|---|
3rd-Party-Tracking | allowed |
Videoformats | H264/mp4 und VP8/WebM |
Video filesize | max. 5 MB |
Videostart & Audiostart | Only after explicit useraction |
Leadtime | 5 days or 10 days for mobile HTML5 formats |
General guidelines
|
---|
JavaScript guidelines
|
---|
Click measurement
You have the possibility to have clicks on links to external sites measured by the Ströer Digital AdServer. For this purpose, dynamic assignment of the link URLs must be enabled in the HTML5 advertising medium.
When the ad medium is played out, the complete URLs of Ströer are inserted into the ad medium and measured when the user clicks.
During development of the media ad, the link URL-encoded (encodeURIComponent() ) can be transferred to the ad media using GET parameters.
|
---|
Fill all links to be measured with the name "#clicktag" as placeholder and an ID attribute of the same name. If you want to use different links with different targets, you have to number the placeholders sequentially ("#clicktag", "#clicktag2", etc.)
<a href="#clicktag" id="clicktag" target="_blank">Linktext 1</a> <a href="#clicktag2" id="clicktag2" target="_blank">Linktext 2</a> |
Insert the following script in the <head> of your ad media:
<script type="text/javascript"> var getUriParams = function () { var query_string = {}; var query = window.location.search.substring(1); var parmsArray = query.split('&'); if (parmsArray.length <= 0) return query_string; for (var i = 0; i < parmsArray.length; i++) { var pair = parmsArray[i].split('='); var val = decodeURIComponent(pair[1]); if (val != '' && pair[0] != '') query_string[pair[0]] = val; } return query_string; }(); </script> |
Either at the end of the HTML file or when initiating the ad media, the dynamic assignment of the URLs must be triggered with the following code
<script type="text/javascript"> document.getElementById('clicktag').setAttribute('href', getUriParams.clicktag); document.getElementById('clicktag2').setAttribute('href', getUriParams.clicktag2); </script> |
Pre-test click measurement
*%LANDINGPAGE% is to be replaced with a test target page and must be passed URL - encoded (either via the encodeURIComponent function or e.g. with the help of this page: https://meyerweb.com/eric/tools/dencoder/) |
---|
Guidelines for animations
⚠ Never use animations with JavaScript's setInterval() or setTimeout(). |
---|
Guidelines for pictures & videos
|
---|
HTML5 on mobile devices
|
---|