HTML5-Werbemittel: animierte Display-Banner, eine Datei je Format, kein Hosting

Technisch ist ein HTML5-Werbemittel eine index.html mit CSS, ein paar Bildern und manchmal JavaScript, als ZIP verpackt und bei einer Werbeplattform hochgeladen. Die Plattform liefert es in einem iframe der gebuchten Größe aus, der Browser spielt die Animation ab, ein Klick führt zur Landingpage. Anders als bei einem GIF läuft die Animation flüssig, der Text bleibt auf Retina-Bildschirmen scharf, und die Datei ist meist kleiner.

Der Haken ist die Verpackung. Ein von Hand gebautes HTML5-Werbemittel verweist auf Schriften, Bilder und Skripte als getrennte Dateien, jede Plattform muss sie wieder zusammensetzen, und jede fehlende Datei zerlegt die Anzeige. myfeedr geht den anderen Weg und legt alles in eine Datei: die Schriften als Subset mit genau den verwendeten Zeichen, Logo und Produktbild eingebettet, die Animation als reines CSS. Heraus kommt eine in sich geschlossene HTML-Datei je Format, ohne Hosting und ohne externen Aufruf.

JavaScript steckt nur dann in der Datei, wenn die Plattform es verlangt. Das zählt bei Affiliate-Netzwerken, die den Code in eine Publisher-Seite einfügen, und bei Adservern mit strengen Inhaltsregeln.

Drei Zahlen entscheiden, ob ein animiertes Werbemittel angenommen wird. myfeedr baut jede Datei innerhalb dieser Grenzen und nennt die tatsächlichen Werte in der README jedes Exports.

Google Ads nimmt hochgeladene HTML5-Display-Anzeigen als ZIP mit der index.html darin. Klick-Code steckt bewusst keiner drin: Die ganze Anzeige ist klickbar, die Ziel-URL wird in der Kampagne gesetzt. Eine Anzeige mit eigenem Klick-Handler oder ExitApi-Aufruf wird als "modifying clickability" abgelehnt.

Eine Voraussetzung wird oft übersehen: HTML5-Uploads müssen einmalig je Konto freigeschaltet sein. Google verlangt ein Konto, das älter als 90 Tage ist, eine saubere Richtlinienhistorie und ausreichend Umsatz, und gewährt den Zugang über ein kurzes Formular. Etablierte Werbetreibende haben ihn meist schon.

myfeedr exportiert für Google Ads ein ZIP je Format. Hochladen unter Anzeigen, dann Hochgeladene Anzeige, HTML5, Ziel-URL eintragen, fertig.

Adserver und Demand-Side-Plattformen arbeiten mit der clickTag-Konvention: eine JavaScript-Variable namens clickTag im Werbemittel, die der Server beim Ausliefern mit seinem Tracking-Link überschreibt, meist per URL-Parameter. Beim Klick öffnet die Anzeige window.clickTag. myfeedr schreibt das in die Datei und hinterlegt deine Landingpage als Rückfallwert.

Adform ist die Ausnahme mit eigenem Mechanismus: Eine manifest.json neben der index.html deklariert den clickTAG, und die Anzeige ruft Adforms DHTML-Bibliothek. myfeedr packt beides ins ZIP des Adform-Profils.

Unterstützte Profile: Google Ads, Campaign Manager 360 (DoubleClick), Display & Video 360, Google Ad Manager, Adform, Xandr / Microsoft Invest, The Trade Desk, Equativ (Smart AdServer), Amazon DSP, AdSpirit. Für einen nicht gelisteten Adserver folgt das generische clickTag-Profil dem IAB-Standard, den praktisch jeder Server versteht.

Affiliate-Netzwerke arbeiten anders. Sie hosten kein ZIP; der Advertiser fügt den HTML-Code als Rich-Media-Werbemittel ein, das Netzwerk liefert ihn an Publisher aus und setzt seinen eigenen Tracking-Link ein. Dafür enthält der Code einen Platzhalter, den das Netzwerk beim Ausliefern ersetzt, zum Beispiel {target_url_htmlescaped} bei Mcanism oder die Awin-Klick-URL mit dem Makro !!!affid!!!.

Weil das Netzwerk den Code in eine fremde Seite oder eine leere Rahmenseite einfügt, muss der Schnipsel robust sein: eindeutige Klassennamen, Stile, die das CSS des Publishers überstehen, keine Abhängigkeit vom Zeichensatz der Seite, kein JavaScript. myfeedr baut den Schnipsel genau so und legt eine Vorschau-Datei dazu, die du im Browser öffnen kannst, denn der rohe Schnipsel mit seinem Platzhalter zeigt allein nichts an.

Unterstützte Profile: Mcanism, TradeTracker, Awin, Tradedoubler, adindex, ADCELL, Webgains, belboon. Wo ein Netzwerk seine Vorgaben noch nicht bestätigt hat, sagt der Export das und folgt den IAB-Konventionen.

Am Anfang steht das statische Set: Website eingeben, myfeedr liest Logo, Farben, Schriften, Texte und Produktbilder und baut jedes Display-Format. Im Studio wählst du eine von vier festen Animationen, Einblenden, Produktfokus, Zwei Szenen oder Preis-Highlight, dazu ein Tempo. Die Vorschau spielt sie in jedem Format live ab.

Der Export fragt nach der Plattform, verdrahtet den Klick passend, kürzt die Schriften, bettet die Bilder ein, prüft Größen- und Laufzeitgrenzen und liefert ein ZIP mit allen Display-Formaten plus README mit den genauen Upload-Schritten für diese Plattform. Änderst du später einen Text oder das Produkt, exportierst du erneut; die Dateien sind in Sekunden neu gebaut.

Animierte HTML5-Werbemittel sind eine Zusatzoption zum statischen Set mit festem Aufschlag je Paket, sichtbar im Checkout. Die Analyse deiner Seite und die animierte Vorschau kosten nichts.