Display-Werbung, die leicht lädt und messbar wirkt.

Display-Werbung scheitert selten am Design

Ein Banner kann gut aussehen und trotzdem nie korrekt ausgeliefert werden. Zu schwer für die Vorgaben des Publishers, ein fehlender clickTag, eine Animation, die auf dem iPhone ruckelt, oder ein Leaderboard, auf dem der Preis nicht lesbar ist. Jede dieser Kleinigkeiten kostet Reichweite, Abnahmezeit oder Messbarkeit. Dometrics baut HTML5-Banner deshalb von der Spezifikation her: zuerst die technischen Anforderungen aller gebuchten Platzierungen, dann das Design, das innerhalb dieser Grenzen seine Botschaft klar transportiert.

Was ein HTML5-Banner leisten muss

HTML5-Banner sind kleine Webanwendungen. Sie bestehen aus HTML, CSS, JavaScript und Bildern, werden als ZIP-Paket an einen Ad-Server übergeben und laufen in einem abgeschotteten Rahmen auf der Seite des Publishers. Gegenüber statischen Bildern bieten sie Animation, Interaktion und scharfe Darstellung auf allen Bildschirmdichten. Gegenüber Video sind sie deutlich leichter.

Für Geschäftsführer:innen zählt vor allem eine Frage: Wird das Werbemittel gesehen, verstanden und gemessen? Die Antwort hängt an drei Dingen. Erstens am Format, das zur Platzierung passt. Zweitens an einer Botschaft, die in wenigen Sekunden funktioniert, auch ohne vollständige Animation. Drittens an einer Klick- und Conversion-Messung, die vom Ad-Server bis ins Dashboard durchgängig ist.

Wie Dometrics Banner baut

Spec-Matrix vor dem ersten Entwurf

Am Anfang steht der Media-Plan. Dometrics sammelt die Spezifikationen aller Platzierungen in einer Spec-Matrix: Maße, Gewichtsgrenzen, erlaubte Animationsdauer, Polite-Load-Vorgaben, Klick-Implementierung und Abnahmeprozess. Österreichische Vermarkter wie ORF-Enterprise, Goldbach, IP Österreich, Styria oder Russmedia veröffentlichen eigene Spezifikationen für ihre Sonderformate. Ad-Server wie Campaign Manager 360, Google Ad Manager und die Systeme anderer Anbieter haben eigene Anforderungen an Paketstruktur und Klick-Tracking. Dometrics liefert die Werbemittel passend für jedes dieser Systeme aus. Wer diese Vorgaben erst nach dem Design prüft, produziert zweimal.

Master-Design und Storyboard

Ein Leitformat, meist das Medium Rectangle oder die Half Page Ad, wird vollständig gestaltet und als Storyboard abgestimmt. Der Endframe ist dabei der wichtigste Frame: Viele Nutzer sehen ein Banner nur im Augenwinkel oder erst nach Ende der Animation. Marke, Angebot und Call-to-Action müssen dort auch ohne den Rest der Animation verständlich sein.

Schlanke Technik

Animationen laufen über CSS und schlanke Bibliotheken wie GSAP, Grafiken werden als SVG oder komprimiertes WebP eingebunden. Schriften werden reduziert, wo möglich durch Systemschriften oder Vektorpfade ersetzt. Für Rich-Media-Formate mit Video oder Interaktion kommt Polite Load zum Einsatz, damit das Banner die Ladezeit der Publisher-Seite nicht belastet. Zu jedem Format gehört ein statisches Backup-Image für Umgebungen, in denen HTML5 nicht ausgeführt wird.

Sonderformate, Rich Media und Video

Sonderformate belegen auf Nachrichtenportalen deutlich mehr Fläche als Standardbanner. Eine Sitebar wächst mit der Bildschirmbreite rechts neben dem Content und bleibt beim Scrollen sichtbar. Ein Sitebranding rahmt die gesamte Seite mit Kopfbanner und Seitenflächen ein und verlangt eine Gestaltung, die den redaktionellen Inhalt nicht überdeckt. Sticky Ads haften am Bildschirmrand, Reveal- oder Understitial-Formate legen beim Scrollen ein Motiv frei. Jedes dieser Formate hat eigene Vorgaben zu Hintergrundfarbe, Schließen-Button, Frequenz und Ladeverhalten.

Interaktive Banner gehen einen Schritt weiter. Ein Produkt-Slider zeigt mehrere Artikel auf einer Fläche, ein Vorher-Nachher-Regler macht eine Wirkung sichtbar, Hotspots erklären Details eines Produkts. Video-Banner verbinden Bewegtbild mit einem klickbaren Endframe. Sie starten in der Regel ohne Ton und brauchen deshalb eine Botschaft, die auch stumm verständlich ist. Jede Interaktion wird als eigenes Ereignis erfasst. Das liefert eine zusätzliche Kennzahl, die zeigt, ob ein Motiv Aufmerksamkeit erzeugt, auch wenn kein Klick folgt.

Qualitätssicherung und Trafficking

Jedes Paket wird in aktuellen Browsern und auf realen Mobilgeräten geprüft. Dometrics testet die Klick-Weiterleitung direkt im Ad-Server, kontrolliert das Gewicht jeder Ladestufe und dokumentiert alles in einem QA-Protokoll. Die Dateien folgen einer festen Benennungskonvention, damit Varianten im Reporting eindeutig zuordenbar bleiben.

Werbemittel für digitale Außenwerbung (DOOH)

Digitale Screens an Haltestellen, in Bahnhöfen, Einkaufszentren oder an Straßen folgen eigenen Regeln. Es gibt keinen Klick, keinen Ton und meist nur wenige Sekunden Aufmerksamkeit im Vorbeigehen. Der Spot läuft in einer Schleife mit anderen Werbetreibenden und wird oft aus einigen Metern Entfernung gesehen. Ein hochskaliertes Online-Banner funktioniert dort selten.

Dometrics produziert DOOH-Werbemittel nach den jeweils aktuellen Spec-Sheets der Vermarkter, in Österreich etwa Gewista und Epamedia, in Deutschland zum Beispiel Ströer. Diese legen Screen-Formate im Hoch- oder Querformat, Auflösung, Dateiformat und Spotlänge fest, ebenso ob ein Motiv statisch oder animiert sein darf. Dazu kommen Freigabefristen und inhaltliche Vorgaben, die sich je Netz unterscheiden. Alle Punkte landen in derselben Spec-Matrix wie die Online-Formate. Wird DOOH programmatisch über Display & Video 360 eingekauft, gelten zusätzlich die Vorgaben des jeweiligen Inventars.

Gestalterisch gilt: wenige Worte, große Schrift, klarer Kontrast, Logo und Angebot vom ersten Frame an sichtbar. Animationen bleiben ruhig, damit das Motiv auch im Vorbeigehen lesbar ist. Weil die DOOH-Motive aus demselben Master-Design entstehen wie die HTML5-Banner, tritt die Kampagne auf der Straße und online einheitlich auf. Bewertet wird über die Ausspielungsnachweise der Vermarkter sowie über die Entwicklung von Markensuchen und Website-Zugriffen in GA4 in den beworbenen Regionen.

Messung: Was ein Banner bewirkt

Die Klickrate ist bei Display-Werbung eine schwache Kennzahl. Viele Kontakte wirken ohne Klick, und versehentliche Klicks auf Mobilgeräten verzerren das Bild zusätzlich. Dometrics bewertet Banner deshalb über mehrere Ebenen:

• Viewability: Nach MRC-Standard gilt eine Display-Impression als sichtbar, wenn mindestens 50 Prozent der Fläche für mindestens eine Sekunde im Viewport sind. Gemessen wird über Active View in Google Ads, DV360 und CM360, Platzierungen mit schwacher Sichtbarkeit werden aussortiert.
• Interaktionsrate: Bei Rich Media zählt, wie viele Personen den Slider bedienen, den Regler bewegen oder ein Video starten.
• Post-View- und Post-Click-Conversions: Über Floodlight in CM360 und DV360 sowie serverseitiges Tracking auf der Website des Unternehmens.
• Kosten je Conversion nach Format und Variante: Welches Format und welche Botschaft tragen tatsächlich zum Ergebnis bei?
• Brand-Lift-Studien: Bei Reichweitenkampagnen über Google Ads oder DV360, wo direkte Attribution an ihre Grenzen stößt.

Die Grundlage dafür ist eine saubere Mess-Architektur, wie sie im Bereich Tracking & Data Analytics aufgebaut wird. Alle Werte laufen im Dometrics-Dashboard zusammen, neben Search, Social und E-Commerce, statt in einem isolierten Ad-Server-Report.

Häufige Fehlerquellen

Die häufigsten Probleme sind handwerklich. Banner werden aus einem Social-Motiv einfach skaliert, sodass auf 320×50 kein Wort mehr lesbar ist. Animationen enden auf einem Frame ohne Logo oder Angebot. Schriften werden vollständig eingebettet und sprengen das Gewichtslimit. Der clickTag ist hartkodiert, wodurch Klicks am Ad-Server vorbeilaufen. Für DOOH werden Online-Motive unverändert übernommen, obwohl ein Screen aus der Entfernung gelesen wird. Und Varianten tragen Dateinamen wie „final_v3_neu”, die im Reporting niemand mehr zuordnen kann.

Wie HTML5-Banner in die Growth Engine passen

Display-Werbemittel sind das sichtbare Ende einer längeren Kette. Gebucht werden sie über Programmatic Advertising in DV360, über das Google Display Netzwerk im Rahmen von Paid Advertising oder direkt bei Vermarktern. Bei großen Sortimenten übernehmen Dynamic Ads die Befüllung mit Produktdaten. Und der Klick landet idealerweise auf einer eigenen Landingpage, deren Botschaft exakt zum Banner passt.

Innerhalb der Growth Engine sind Banner damit kein einmaliges Grafikprojekt, sondern ein laufend getestetes Werbemittel. Jede Variante liefert Daten, jede Iteration baut auf den Ergebnissen der letzten auf. Wird für ein Unternehmen kein sinnvoller Display-Einsatz erkannt, etwa weil die Zielgruppe fast ausschließlich über Suche oder Social erreichbar ist, rät Dometrics davon ab. Den Rahmen für Aufwand und Betreuung zeigt die Seite Preise.