html5-ClickTag Anleitung extern - griephan.de · ClickTag-Einbindung (Verlinkung des Banners) •...

Post on 29-Aug-2019

214 views 0 download

transcript

ClickTag-Einbindung (Verlinkung des Banners)• DieDVVMediaGroupGmbHempfiehltdenExportvonhtml5-BannernmitAdobeAnimateCCalshtml5-Canvas.

• EinCanvasisteinprogrammierbaresimg-Tag,daserstmalnureineZei-chenflächeimHTML-Dokumenterzeugt.ÜberJavaScriptwirddiesesdannmitdenBildern,TextenundFormengefülltundanimiert.Mehrdazugibt’shier:http://www.mediaevent.de/xhtml/canvas.html

• ImBannerenthalteneSchaltflächen,diealsClickTagsdienen,entfallen.DieVerlinkungwirdüberdashtml-Dokumenterzeugt.Diesekannwiefolgtaussehen:

<html><head>...<meta name=“ad.size“ content=“width=300,height=250“> <script type=“text/javascript“> var clickTag=“http://www.dvz.de“; </script></head><a href=“javascript:window.open(window.clickTag)“><canvas id=“canvas“ width=“300“ height=“250“ style=“-display: block; background-color:rgba(255, 255, 255, 1.00)“></canvas></a></html>

ZieldesClicktagswirdim<head>-Bereichnachdemphp-CodedurchdieVariable Click-Tagdefiniert.

Mittelsdes<a>-Tags,inkl.derobenbestimm-tenVariableClickTagwirddasCanvas-Objektumschlossenundda-mit„klickbar“gemacht.

weitereInformationendazu:https://support.google.com/dfp_sb/answer/7046799?hl=de&ref_topic=7045707

Allgemeines:• Html5-Bannermüssenals(nichtschreibgeschützte!)Zipinkl.htmlundJavaScript-DateienoderalsTagsvonDrittanbieterngeliefertwerden.

• BittebindenSieURLs(ClickTag)ineinenhtml5-Bannerüberdiehtml-oderJavaScriptDateiein(s.u.).

• Dateigröße:GesamtgrößederZipmaximal1000KB;jenachAnzahldereingebundenenimages,solltendiesejeweilsnichtgrößerals80-100KBgroßsein.

• BitteübermittelnSieunsdenBanner3TagevorBeginndesWerbezeit-raums,sodasswirdenClickTagüberprüfenkönnen.

Leitfadenhtml5-Banner auf Webseiten der DVV Media Group

15.09.2016