Wie baust du Fly-In Ads ein?

Überblick

Mit Fly-In Ads kannst du Werbeanzeigen als dezentes Overlay auf deiner Website einblenden. Anders als klassische Anzeigen werden Fly-In Ads nicht direkt an der Position des Einbindungscodes angezeigt, sondern fahren abhängig von deinen Einstellungen am Rand des Browserfensters ein.

Fly-In Ads eignen sich besonders, um Aufmerksamkeit zu erzeugen, ohne den Lesefluss der Nutzer zu unterbrechen.

Voraussetzungen

Bevor du Fly-In Ads verwenden kannst, benötigst du:

• eine angelegte Website in deinem Publisher-Account

• einen Anzeigenblock

• ein passendes Anzeigenblock-Layout

• einen funktionierenden Responsive- oder Static-Anzeigenblock

Fly-In Ads können sowohl mit Responsive Ads als auch mit Static Ads verwendet werden.

Fly-In Ads aktivieren

Fly-In Ads werden über den optionalen Parameter flyin aktiviert.

Asynchrone Einbindung

flyin: true

Synchrone Einbindung

flyin=1

Sobald dieser Parameter gesetzt ist, wird die Anzeige als Fly-In Overlay dargestellt.

Verhalten des Fly-In Containers

flyin_mode

Mit flyin_mode steuerst du, wann und wie der Fly-In Container sichtbar wird.

Modus 1 (Standard)

Der Container reagiert auf die Scrollposition.

flyin_mode: 1

Modus 2

Die Anzeige ist unmittelbar nach dem Laden der Seite vollständig sichtbar.

flyin_mode: 2

Modus 3

Die Anzeige erscheint erst, wenn das Seitenende erreicht wurde.

flyin_mode: 3

Position festlegen

flyin_position

Bestimmt, von welcher Seite der Fly-In Container eingeblendet wird.

Verfügbare Werte:

• right (Standard)

• left

• top

• bottom

Beispiel:

flyin_position: "top"

Abstände definieren

Die Position des Fly-In Containers kann über Pixelwerte angepasst werden.

Standardmäßig beträgt jeder Abstand 15 Pixel.

Beispiel:

flyin_offset_right: 20

Verzögerung festlegen

flyin_delay

Legt fest, nach welcher Zeit der Fly-In Container erstmals eingeblendet wird.

Der Wert wird in Millisekunden angegeben.

Standard:

250

Beispiel:

flyin_delay: 1000

Animation steuern

flyin_animate

Aktiviert oder deaktiviert die Ein- und Ausklappanimation.

Standardmäßig sind Animationen aktiviert.

Beispiel:

flyin_animate: false

Schließen erlauben

flyin_closeable

Legt fest, ob Nutzer den Fly-In Container schließen können.

Standard:

flyin_closeable: true

Deaktivieren:

flyin_closeable: false

Ein- und Ausklappen erlauben

flyin_collapsible

Steuert, ob der Nutzer den Container ein- oder ausklappen kann.

Beispiel:

flyin_collapsible: false

Texte anpassen

Überschrift

Standardmäßig lautet die Überschrift:

Auch interessant:

Diese kann individuell angepasst werden.

flyin_text_headline: "Unsere Empfehlungen"

Schließen-Button

Auch die Beschriftung des Schließen-Buttons kann angepasst werden.

Standard:

schließen

Beispiel:

flyin_text_close: "[X]"

Vollständiges Beispiel

window.uAd.embed("adup1", {    placementkey: "DEIN_PLACEMENT_KEY",    flyin: true,    flyin_mode: 2,    flyin_position: "right",    flyin_delay: 1000,    flyin_closeable: true,    flyin_collapsible: true,    flyin_text_headline: "Empfehlungen",    flyin_text_close: "Schließen"});

window.uAd.embed("adup1", {    placementkey: "DEIN_PLACEMENT_KEY",    flyin: true,    flyin_mode: 2,    flyin_position: "right",    flyin_delay: 1000,    flyin_closeable: true,    flyin_collapsible: true,    flyin_text_headline: "Empfehlungen",    flyin_text_close: "Schließen"});

window.uAd.embed("adup1", {    placementkey: "DEIN_PLACEMENT_KEY",    flyin: true,    flyin_mode: 2,    flyin_position: "right",    flyin_delay: 1000,    flyin_closeable: true,    flyin_collapsible: true,    flyin_text_headline: "Empfehlungen",    flyin_text_close: "Schließen"});

Best Practices

Fly-In Ads dezent einsetzen

Fly-In Ads erzielen die besten Ergebnisse, wenn sie Nutzer unterstützen und nicht vom eigentlichen Seiteninhalt ablenken.

Einblendung verzögern

Eine kurze Verzögerung sorgt dafür, dass Besucher zunächst den eigentlichen Inhalt wahrnehmen können.

Empfehlung:

500–1000 ms

Schließen ermöglichen

Lass den Schließen-Button aktiviert, damit Nutzer die Anzeige jederzeit ausblenden können.

Das verbessert die Nutzererfahrung.

Mobile Darstellung testen

Prüfe Fly-In Ads auf:

• Desktop

• Tablet

• Smartphone

Achte insbesondere darauf, dass keine wichtigen Inhalte verdeckt werden.

Häufige Fehlerquellen

Fly-In nicht aktiviert

Alle weiteren Fly-In Parameter werden nur berücksichtigt, wenn flyin aktiviert wurde.

Zu große Abstände

Sehr große Offset-Werte können dazu führen, dass der Container teilweise außerhalb des sichtbaren Bereichs liegt.

Zu frühe Einblendung

Ein Fly-In direkt beim Seitenaufruf kann als störend empfunden werden.

Nutze stattdessen flyin_delay oder den scrollbasierten Modus.

Animation deaktiviert

Werden Animationen deaktiviert, erscheint der Container ohne Übergang. Das kann je nach Design weniger harmonisch wirken.

Typische Einsatzbereiche

Fly-In Ads eignen sich besonders für:

• Produktempfehlungen

• Native Advertising

• Content-Empfehlungen

• Newsletter-Anmeldungen

• Cross-Selling

• saisonale Kampagnen