Each zip file must contain all objects of the advertising material or the banner element, except externally loaded libraries, videos or fonts. If, for example, a wallpaper consists of 2 banner elements, 2 zip files would be necessary. The HTML5 advertising material should be delivered as a zip file for each banner element. CSS3 and JavaScript animations should be chosen with consideration to CPU and GPU load. Several parallel running animations and overlapping transparent images should be avoided. The video should be made available both in H264/mp4 and VP8/WebM formats.įor animations, make sure that they do not unnecessarily overload the client CPU. The video must be optimized with regard to quality and file size and should be streamed in a suitable server environment. The clicktag must be placed in an area outside the video. It should be noted that no clicktags can be added to videos on mobile devices. Ads with videos have to be provided with a preview image (poster) the video will start as soon as it is loaded or through user interaction on most mobile devices. Videos in HTML5 advertising material are added via the tag. The use of PNG Crusher and scalable vector graphics is recommended. Images should be optimized for file size. The creative agency must test the advertising material on all common browsers and inform the marketer of any browsers to be excluded. If, for example, the advertising material is not supported by IE 9, the agency must ensure that the fallback is displayed in this browser. If a browser does not support a special feature or library used in the advertising material, a fallback JPG/GIF defined in the advertising material should be displayed. %LANDINGPAGE% should be replaced with a test target page and must be URL-encoded (encodeURIComponent function) Html5werbemittel.html?clicktag=%LANDINGPAGE% The advertising material must be tested by the creative agency for functioning clicktag transfer, so that unnecessary feedback loops can be ruled out. With these JavaScript lines the click tags can be assigned to the HTML elements:ĭocument.getElementById(‘clicktag’).setAttribute(‘href’, getUriParams.clicktag) ĭocument.getElementById(‘clicktag’).setAttribute(‘target’, getUriParams.target) ĭocument.getElementById(‘clicktag2’).setAttribute(‘href’, getUriParams.clicktag2) ĭocument.getElementById(‘clicktag2’).setAttribute(‘target’, getUriParams.target2) įunction test of the clicktag GET parameters for transfer to the advertising material. The following lines of code must be added to the HTML5 advertising medium to transfer the click tags: The function returns all GET parameters that are passed to the file: The spelling for multi-clicktags is: clicktag, clicktag1, clicktag2 HTML5 Close Button for Layer Advertising Material.Subdirectory structures should be avoided. This is to be achieved by compression and optimization procedures as well as by the economical use of animations and integration of external elements such as fonts and libraries, which are also included in the file size. 2 MB subsequent download (polite download) For this purpose, code compiling techniques and code optimizations must be used in a file. To avoid unnecessary delays to the website and advertising material, it is important to keep the individual elements of the HTML5 advertising material as small as possible in terms of both number and file size in order to minimize server processes/requests. Like web pages, HTML5 advertising material consist of several elements that cannot be merged and compressed in a file in the same way as with Flash. fixed height and width, analogous to the IAB advertising material standards for standard forms of advertising, not including advertising material that overlap the content of the web pages, scaling proportionally or freely (e.g. The following standards apply to all formats with a fixed size, i.e.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |