Implementierungsleitfaden

Begleitanzeige

Companion ads

Banner, das auf der Seite erscheint, während im Player eine Video- oder Audioanzeige abspielt, und mit ihr ein Paar bildet.

Ad Manager
auf der Seite, in Display-Plätzen in der Nähe des Video- oder Audioplayers

Das Format kennenlernen Auf meiner Website prüfen

Desktop

Smartphone

In 1 Minute erklärt

Was ist eine Begleitanzeige?

Denken Sie an ein Konzert: Während die Sängerin auf der Bühne steht, zeigt eine Leinwand daneben den Namen des Liedes. Beide erzählen gleichzeitig dieselbe Geschichte. So ist die Companion-Anzeige. Während die Video- oder Audioanzeige im Player läuft, erscheint ein Banner derselben Anzeige in einem Anzeigenplatz der Seite, in der Nähe des Players.

Google erklärt, dass Begleitanzeigen es ermöglichen, Anzeigen in Display-Plätzen zu zeigen, während gleichzeitig eine Anzeige in einem Video- oder Audioplayer ausgeliefert wird. Sie hängen immer von der Hauptanzeige ab, dem sogenannten Master: Ohne Master gibt es keine Begleitanzeige. Das ist wie die Leinwand beim Konzert, die nur Sinn hat, wenn jemand singt. Eine VAST-Anzeige kann bis zu 6 Display-Begleitanzeigen enthalten.

Wie macht die Website das? Die Display-Slots neben dem Player werden mit der GPT erstellt, dem Google Publisher Tag, dem Google-Code für Anzeigenplätze. Die GPT hat dafür drei Bausteine. Der erste, companionAds, sagt, dass dieser Slot ein Companion aufnehmen darf, sobald in einem Player auf derselben Seite eine VAST-Anzeige läuft. Der zweite, setRefreshUnfilledSlots, bittet darum, leer gebliebene Slots später nachzufüllen. Der dritte, enableVideoAds, sorgt dafür, dass GPT und IMA SDK denselben correlator verwenden, eine Zahl, die bei allen Anzeigenanfragen derselben Seitenansicht gleich ist. Auf der Player-Seite sendet das IMA die Größen der Companions im Parameter ciu_szs des Tags.

Wann lohnt es sich? Wenn Sie Video- oder Audioanzeigen haben und die Anzeige auch auf der Seite erscheinen soll. Für Videoplayer, die Audioanzeigen erhalten können, empfiehlt Google dringend Companion-Banner, damit der Player nicht leer bleibt, während das Audio läuft. Einige Hinweise: Der Slot muss dieselbe Größe wie der Companion haben, responsive Anzeigen werden als Video-Companions nicht unterstützt, und wenn der Player in einem iframe liegt, wird ein GPT-Proxy-Skript benötigt.

Schritt für Schritt

So setzen Sie es um

Größen in der Werbebuchung angebenGeben Sie beim Erstellen der Video- und Audio-Werbebuchung die erwartete Größe des Master-Creatives und die Größen der Begleitanzeigen an.
Begleit-Creatives hinzufügenVerwenden Sie einen der akzeptierten Typen: Bild, Campaign Manager 360, Drittanbieter, Benutzerdefiniert, Natives Format (Beta) oder Standard- bzw. benutzerdefinierte Creative-Vorlagen.
GPT auf der Hauptseite ladenIMA für HTML5 erkennt die GPT-Plätze nur, wenn GPT auf der Hauptseite geladen wird. Befindet sich der Player in einem iFrame, binden Sie das GPT-Proxy-Script ein.
Den Begleitplatz erstellenDefinieren Sie den Platz mit companionAds und pubads, aktivieren Sie das Füllen leerer Plätze, aktivieren Sie die Videoanzeigen und zeigen Sie den Platz an. Definieren Sie die Plätze, bevor der Player die Anzeigen zeigt.
Die Größen im Tag des Players sendenVerwenden Sie im IMA-Tag den Parameter ciu_szs mit den durch Kommas getrennten Größen der Begleitanzeigen, etwa 728x90,300x250.
Flackern bei Autoplay vermeidenWenn das Video oder Audio von selbst abspielt, kann GPT disableInitialLoad nutzen, damit nicht kurz ein gewöhnliches Banner erscheint, bevor die Begleitanzeige eintrifft.

Umgesetztes Beispiel

Der Code und wie es auf dem Bildschirm aussieht

GPT gehört in den Head derselben Seite wie der Player, und das Feld der Begleitanzeige gehört in die Nähe des Players, in derselben Größe wie die Begleitanzeige.

<!-- No head: GPT com um espaço que aceita complementar -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(function () {
    googletag
        .defineSlot('/1234567/exemplo', [728, 90], 'companionDiv')
        .addService(googletag.companionAds())
        .addService(googletag.pubads());
    googletag.companionAds().setRefreshUnfilledSlots(true);
    googletag.pubads().enableVideoAds();
    googletag.enableServices();
  });
</script>

<!-- No body: a caixa do complementar, do mesmo tamanho -->
<div id="companionDiv" style="width:728px; height:90px;">
  <script>
    googletag.cmd.push(function () { googletag.display('companionDiv'); });
  </script>
</div>

<!-- Na tag do IMA, os tamanhos dos complementares vão em ciu_szs:
     ...&ciu_szs=728x90&... -->

Auf dem DesktopWährend die Anzeige im Player läuft, erscheint ein Banner derselben Anzeige in einem Display-Slot auf der Seite.

Auf dem SmartphoneDas Begleitbanner erscheint in einem Display-Platz der Seite, während die Anzeige im Player abspielt. Mit der Größe fluid nimmt es auf jedem Bildschirm denselben Prozentsatz des Platzes ein.

Was Google empfiehlt

Erlaubt und nicht erlaubt

Erlaubt

Bis zu 6 Begleitanzeigen für jede VAST-Anzeige zeigen.
Companions vom Typ Bild, Campaign Manager 360, Drittanbieter, Benutzerdefiniert, Natives Format (Beta) oder Creative-Vorlagen verwenden.
Anfordern, dass leere Begleitplätze später mit einer anderen Anzeige Ihres Netzwerks gefüllt werden.
Begleitanzeigen der Größe fluid verwenden, die auf jedem Bildschirm denselben Prozentsatz des Platzes einnehmen.
Companion-Banner in Videoplayern verwenden, die Audioanzeigen erhalten können, was Google dringend empfiehlt.

Nicht erlaubt

Eine Begleitanzeige gibt es nicht allein: Sie hängt immer von der Master-Anzeige ab.
Responsive Anzeigen werden als Video-Begleitanzeigen nicht unterstützt.
IMA unterstützt die Funktion „Zum Einschalten klicken“ bei Video-Begleitanzeigen nicht.
Formate mit aktiviertem nativen Video können nicht als Begleitanzeigen verwendet werden.
Befindet sich der Player in einem iFrame, wird GPT ohne das Proxy-Script nicht erkannt.

Tipps

So machen Sie es richtig

Definieren Sie Plätze, die während der Seite erstellt werden, bevor der Player die Anzeigen zeigt.
Enthält die VAST-Anzeige weniger Begleitanzeigen als definierte Plätze, können die übrigen Plätze von Ihrem Netzwerk gefüllt werden.
Im Parameter ciu_szs kennzeichnet der senkrechte Strich zwischen Größen einen Platz mit mehreren Größen.
Wer GPT nicht nutzt, kann die Begleitanzeige über die IMA-API abrufen, die Größe wählen und den Inhalt in das Feld einsetzen, wenn die Anzeige beginnt.

Vorsicht

Häufige Fehler

GPT in einem iFrame

IMA für HTML5 erkennt die GPT-Plätze nur auf der Hauptseite. In einem iFrame erscheint die Begleitanzeige ohne das Proxy-Script nicht.

Größe passt nicht

Die Begleitanzeige muss dieselbe Größe wie der Platz haben. Ein Platz von 728x90 erhält keine Begleitanzeige von 300x250.

Die Größen im Tag vergessen

Ein Player mit IMA sollte die Größen der Begleitanzeigen im Parameter ciu_szs senden. Ohne sie weiß der Server nicht, welche Größen die Seite akzeptiert.

Banner flackert vor der Begleitanzeige

Bei Video oder Audio, das von selbst abspielt, kann kurz ein gewöhnliches Banner erscheinen. Google empfiehlt disableInitialLoad, um das zu vermeiden.

Häufige Fragen

Erscheint die Begleitanzeige ohne das Video?

Nein. Sie hängt immer von der Master-Anzeige ab, die im Player abspielt. Gibt es keine Begleitanzeige, kann der Platz eine andere Anzeige Ihres Netzwerks erhalten.

Wie viele Begleitanzeigen kann ich haben?

Eine VAST-Anzeige kann bis zu 6 Display-Begleitanzeigen enthalten.

Funktioniert es mit Audioanzeigen?

Ja. In Videoplayern, die Audioanzeigen erhalten können, empfiehlt Google dringend Companion-Banner, damit der Player nicht leer bleibt, während der Ton läuft.

Wozu dient enableVideoAds?

Es sorgt dafür, dass GPT und IMA SDK denselben correlator verwenden, eine Zahl, die bei allen Anzeigenanfragen derselben Seitenansicht gleich ist.

Bibliothek

Offizielle Google-Quelle

Alles auf dieser Seite folgt der offiziellen Google-Dokumentation. Lesen Sie direkt in der Quelle:

Nutzt Ihre Website dieses Format richtig?

Das Audit liest die Website wie ein Besucher, ohne etwas anzuklicken, und zeigt, was zu korrigieren ist.

Audit starten