Anforderungen an HTML-Banner

Ein ZIP, eine Startseite, eine angegebene Größe und alles Nötige darin. Der Rest dieser Seite beschreibt, was passiert, wenn eines davon fehlt.

Was Sie hochladen#

Eine .zip. Darin mindestens eine .html-Datei – das ist die einzige harte Anforderung, und ein Archiv ohne eine wird mit genau dieser Meldung abgelehnt. Der Upload selbst ist auf 512 MB begrenzt; die Grenze, auf die Sie zuerst stoßen, ist Ihr eigener Speicher, und der zählt die entpackte Größe, nicht das Archiv – ein kleines ZIP, das sich auf ein Gigabyte entpackt, wird also nach dem Entpacken abgelehnt, und Ihr Kontingent wird nicht belastet.

Welche Seite startet#

Eine index.html auf oberster Ebene des Archivs, falls vorhanden. Sonst sucht die Plattform nach irgendeiner Seite auf oberster Ebene, dann nach einer index.html tiefer darin und schließlich nach irgendeiner Seite überhaupt – bevorzugt die kleinste, die fast immer die Startseite ist und keine Komponente. Eine Hüllseite, die nur eine andere Seite einrahmt, wird bis zu der eingerahmten Seite verfolgt – so sieht ein Export aus Adobe Animate aus.

Hinweis
__MACOSX-Ordner und ._-Dateien werden ignoriert, ein ZIP, das auf dem Mac per Rechtsklick auf einen Ordner erstellt wurde, funktioniert also so, wie es ist. Sie müssen sie nicht entfernen.

Die Größe angeben#

Tragen Sie die gestaltete Größe in die Seite ein, damit ein Bildschirm das Banner vergrößern kann, ohne es zu verzerren. Zuerst wird das übliche Meta-Tag gelesen:

Im Head Ihrer Startseite
<meta name="ad.size" content="width=1080,height=1920">

Fehlt es, greift die Plattform auf die Abmessungen eines <canvas>-Elements oder auf die eigene Angabe eines Animate-Exports zurück. Gibt es nichts davon, hat das Banner keine gestaltete Größe und wird auf die ganze Zone gestreckt, in der es läuft – so landet ein 300×250-Creative verzerrt auf einem Bildschirm im Hochformat.

Alles gehört ins Archiv#

Keine externen URLs. Ein Bildschirm spielt sieben Tage ohne Verbindung von seiner eigenen Festplatte weiter, und er kann nur zwischenspeichern, was im ZIP kam – eine Schrift, ein Skript oder ein Bild aus dem Internet ist genau der Teil Ihres Banners, der in der Situation leer bleibt, für die es den Player gibt. Schriften, Bibliotheken und Bilder reisen mit dem Creative, eingebunden über relative Pfade.

Was das Banner darf und was nicht#

Creatives laufen in einer Sandbox. Skripte und Animation funktionieren normal. Drei Dinge nicht, und zwar absichtlich – ein Banner, das von ihnen abhängt, sieht nur auf einem Bildschirm kaputt aus:

  • Kein Speicher. localStorage und Cookies sind nicht verfügbar und werfen beim Zugriff einen Fehler. Ein Banner kann sich zwischen zwei Wiedergaben nichts merken und sollte es auch nicht versuchen.
  • Keine Navigation und keine Pop-ups. window.open und jeder Versuch, den Player woandershin zu schicken, werden blockiert. Ein Bildschirm hat keine Zurück-Taste und niemanden, der sie drückt.
  • Keine Formulare. Auf einem Bildschirm füllt kein Passant etwas aus.

Wie lange es läuft#

Das entscheidet die Playlist, nicht das Banner. Ein Creative bekommt die Sekunden, die in der Playlist dafür eingetragen sind, und wird dann ersetzt, egal wo seine Animation gerade steht – ein Banner sollte also in Schleife laufen oder auf einem sehenswerten letzten Bild stehen bleiben. Es gibt kein Signal, mit dem ein Banner um mehr Zeit bitten kann.

Bevor Sie es verschicken#

  • Öffnen Sie die Startseite aus dem entpackten Ordner, offline, mit abgeschaltetem Netzwerk. Was Sie sehen, sieht auch ein Bildschirm.
  • Prüfen Sie, ob die Größe im Tag der Größe entspricht, in der Sie gestaltet haben.
  • Lassen Sie es dreimal so lange laufen wie den Playlist-Slot und schauen Sie sich das letzte Bild an.
  • Achten Sie auf ausgehende Anfragen: Entwicklertools des Browsers, Reiter Netzwerk – und nichts an einen fremden Host.
Ein Banner, das hier läuft, aber nicht auf dem Bildschirm
Fast immer ist es eines von zwei Dingen: Es lädt etwas aus dem Internet, oder es verlässt sich auf Speicher. Beides funktioniert auf Ihrem Laptop, und keines von beiden funktioniert in der Sandbox auf einem Bildschirm, der vielleicht auch noch offline ist.
Probieren Sie es auf einem Bildschirm aus, den Sie schon haben. Der erste Bildschirm ist kostenlos, so lange Sie möchten. Keine Karte.
Kostenlos starten — ohne Karte