Ankeranzeige einblenden

In diesem Beispiel wird eine Ankeranzeige mithilfe der Google Publisher-Tag-Bibliothek (GPT) angezeigt. Weitere Informationen zu Ankeranzeigen finden Sie in der Google Ad Manager-Hilfe.

Vorschau von Ankeranzeigen

Sie können eine Demo-Ankeranzeige auf jeder Seite einblenden, auf der Anzeigen mit GPT ausgeliefert werden. Dazu fügen Sie der URL #gamTopAnchorDemo oder #gamBottomAnchorDemo hinzu. Beispiel: https://www.example.com/#gamTopAnchorDemo.

Mit dieser Funktion können Sie eine Vorschau von Ankeranzeigen auf Ihrer Website ansehen, ohne dass Änderungen am Code erforderlich sind. Dies ist besonders nützlich, um schnell zu prüfen, wie Anker auf verschiedenen Geräten und in verschiedenen Betriebsumgebungen aussehen und funktionieren.

Hinweise zur Verwendung

  • Für eine optimale Nutzererfahrung werden Ankeranzeigen nur auf Seiten angefordert, die das Format richtig unterstützen. Aus diesem Grund kann defineOutOfPageSlot() null zurückgeben. Prüfen Sie diesen Fall, um sicherzugehen, dass Sie keine unnötige Arbeit ausführen. Derzeit werden Ankeranzeigen unterstützt, wenn die folgenden Bedingungen erfüllt sind:

    • GPT wird im oberen Fenster ausgeführt.
    • Auf einer für Mobilgeräte optimierten Seite mit neutralem Zoom bedeutet das normalerweise, dass der Publisher im <head> der Seite <meta name="viewport" content="width=device-width, initial-scale=1"> oder ein ähnliches Element verwendet.
    • Der Darstellungsbereich wird im Hochformat mit einer Breite zwischen 320px und 1000px dargestellt.
  • Fordern Sie Ankeranzeigen nur auf Seiten/Umgebungen an, in denen sie platziert werden sollen. Sie können auf Computern, Tablets und Mobilgeräten ausgeliefert werden.

  • Ankeranzeigen generieren einen eigenen Anzeigencontainer. Im Gegensatz zu anderen Anzeigentypen muss für Ankeranzeigen kein <div> definiert werden. Für Ankeranzeigen wird automatisch ein eigener Container erstellt und in die Seite eingefügt, wenn eine Anzeige gefüllt wird. Diese Container können andere Elemente mit absoluter oder fester Positionierung überlappen oder verdecken. Daher wird empfohlen, solche Elemente nicht in Bereichen zu platzieren, in denen Anker erscheinen sollen.

  • Wenn Sie die Einzelanfrage-Architektur auf einer Seite mit mehreren Anzeigenflächen verwenden, rufen Sie display() erst auf, wenn statische div-Elemente für Anzeigenflächen erstellt wurden. Wie in den Best Practices für Anzeigen erläutert, wird beim ersten Aufruf von display() jede Anzeigenfläche angefordert, die zuvor definiert wurde. Auch wenn für Anzeigenflächen für Ankeranzeigen kein vordefiniertes <div> erforderlich ist, ist das bei statischen Anzeigenflächen der Fall. Wenn display() aufgerufen wird, bevor diese Elemente auf der Seite vorhanden sind, kann dies zu Signalen von geringerer Qualität und somit zu einer geringeren Monetarisierung führen. Aus diesem Grund empfehlen wir, den ersten Aufruf zu verzögern, bis die statischen Slots definiert wurden.

  • Nur sichtbare Ankeranzeigen dürfen aktualisiert werden. Wenn eine Ankeranzeigenfläche minimiert oder noch nicht sichtbar ist, werden alle Aufrufe von refresh() ignoriert. Wenn Sie disableInitialLoad() verwenden, um das Laden und Aktualisieren von Anzeigen manuell zu steuern, löst der erste Aufruf von refresh() jedoch unabhängig von der Sichtbarkeit der Anzeigenfläche eine Anzeigenanfrage aus.

Implementierungsbeispiel

Demo ansehen