Allgemeine Best Practices

Die Einbindung der Google Publisher-Tag-Bibliothek (GPT) in Ihre Website ist in vielerlei Hinsicht mit der Einbindung anderer Drittanbieterskripts vergleichbar. Es gibt jedoch einige Besonderheiten bei der Verwendung von GPT, die berücksichtigt werden müssen, damit Sie Ihren Anzeigenbereich optimal nutzen und die Websiteleistung nur minimal beeinträchtigen. Schließlich zählen schnelle Anzeigen.

In den folgenden Abschnitten werden die Best Practices für die Integration beschrieben.

GPT über eine offizielle Quelle laden

Damit Sie Zugriff auf die neuesten Funktionen und Datenschutzmaßnahmen haben, sollten Sie die GPT-Bibliothek immer über eine offizielle Quelle anfordern. Verwenden Sie dazu eine der URLs in der folgenden Tabelle. Die zu verwendende URL hängt davon ab, ob Sie den Modus für eingeschränkte Anzeigen manuell aktivieren möchten.

<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>

<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script>

Im Modus Eingeschränkte Anzeigenausrichtung kann GPT Anzeigen ausliefern, ohne auf clientseitigen Speicher (z. B. Cookies oder lokale Kennungen) zuzugreifen. Es gibt zwei Möglichkeiten, Anzeigen mit eingeschränktem Targeting zu aktivieren:

1. Standardmäßig (automatisch): Ein Anbieter von Lösungen zur Verwaltung von Einwilligungen (Consent Management Provider, CMP) informiert GPT darüber, dass der Nutzer keine Einwilligung für den Speicherzugriff erteilt hat. Dazu wird in der Regel ein IAB TCF v2.0-Signal verwendet. Wenn Sie eine von Google zertifizierte CMP verwenden, um die Einwilligung der Nutzer zu verwalten, wird GPT automatisch in den Modus für eingeschränktes Anzeigen-Targeting versetzt, basierend auf den Einstellungen des Nutzers.

   • URL: Laden Sie GPT über die Standard-URL (doubleclick.net).
   • Keine manuellen Maßnahmen erforderlich: Es ist nicht erforderlich, setPrivacySettings({limitedAds: true}) manuell aufzurufen, wenn eine CMP verwendet wird, da die Signale automatisch von der Bibliothek verarbeitet werden.

2. Manuell: Sie rufen die GPT API explizit auf, um Anzeigen mit eingeschränkter Ausrichtung anzufordern.

   • URL: Wenn Sie das eingeschränkte Anzeigen-Targeting manuell über die googletag.pubads().setPrivacySettings({limitedAds: true})-API aktivieren möchten, muss GPT über die URL für das eingeschränkte Anzeigen-Targeting googlesyndication.com geladen werden.
   • Grund: Wenn GPT über die Domain googlesyndication.com geladen wird, sind standardmäßig zusätzliche Schutzmaßnahmen gegen den Zugriff auf clientseitigen Speicher vorhanden.
   • Folge einer Falschkonfiguration: Wenn GPT über die Standard-URL geladen wird und die manuelle API aufgerufen wird, wird die Anfrage zum Aktivieren der eingeschränkten Anzeigenausrichtung ignoriert und in der Publisher Console wird eine Warnung protokolliert.

Keine im Cache gespeicherten Versionen von GPT bereitstellen

Stellen Sie niemals Versionen von gpt.js, pubads_impl.js oder Bibliotheken, die sie laden, über Ihren eigenen Server bereit oder laden Sie sie aus einer inoffiziellen Quelle.

Durch die Verwendung einer lokal gespeicherten Version der GPT-Bibliothek treten bei neueren Browser- bzw. Betriebssystemversionen unter Umständen Probleme auf. Eine solche Version erhält eventuell auch keine Updates mit neuen Funktionen und Verbesserungen. Ältere Versionen der GPT-Bibliothek können jederzeit eingestellt werden. Das führt unter Umständen zu einem Verlust von Werbeeinnahmen, wenn keine Anzeigen mehr für Ihre Tags ausgeliefert werden.

Das gilt auch für Service Worker. Wenn Sie Service Worker verwenden, um Antworten auf HTTP-Anfragen von Ihrer Website zu cachen oder zu ändern, verwenden Sie eine Strategie, die nur das Netzwerk nutzt, wenn Sie Anfragen für gpt.js verarbeiten, um eine aktuelle Version abzurufen.

GPT frühzeitig laden

Die GPT-Bibliothek (gpt.js) enthält nur einen kleinen Teil des Codes, der zum Laden von Anzeigen erforderlich ist. Der Großteil dieses Codes befindet sich in separaten Dateien (z. B. pubads_impl_XX.js), die bei Bedarf von gpt.js geladen werden.

Wenn die GPT-Kernbibliothek frühzeitig geladen wird, können auch diese abhängigen Skripts früher geladen werden. So wird zusätzliche Latenz vermieden, die beim Abrufen dieser Skripts (wenn sie nicht im Cache sind) entstehen kann, und Anzeigen können schneller geladen werden. All das trägt dazu bei, den Messwert für die Zeit bis zum Rendern der ersten Anzeige zu senken, was wiederum die Sichtbarkeit Ihrer Anzeigen erhöht.

Preload verwenden, wenn es sinnvoll ist

Manchmal haben Sie möglicherweise keine direkte Kontrolle darüber, wann oder wie GPT geladen wird. Das ist beispielsweise der Fall, wenn Sie ein Drittanbieter-Anzeigenscript verwenden, mit dem GPT in Ihrem Namen geladen wird. In diesen Fällen kann es sinnvoll sein, die Anfrage für gpt.js vorab zu laden. Durch das Vorabladen einer Anfrage wird der Browser angewiesen, ein bestimmtes Asset, das für das Laden Ihrer Seite wichtig ist, sofort herunterzuladen. Wenn das angegebene Asset eine JavaScript-Datei ist, wird der Inhalt des Skripts sofort abgerufen, die Ausführung wird jedoch aufgeschoben, bis das Skript benötigt wird.

Beispiel für eine Preload-Anfrage für Standardintegrationen

<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">

Beispiel für eine Preload-Anfrage für Integrationen von Anzeigen mit eingeschränktem Anzeigen-Targeting

<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">

GPT auf vorab gerenderten Seiten verwenden

Beim Vorrendern wird der Browser angewiesen, Seiten, die Nutzer noch nicht angefordert haben, aber wahrscheinlich besuchen werden, vorab herunterzuladen und zu rendern. Wenn die GPT-Bibliothek auf einer vorgerenderten Seite geladen wird, werden Anzeigen nur dann angefordert, wenn die Seite sichtbar gemacht wird.

GPT statisch laden

Vermeiden Sie es, die GPT-Bibliothek dynamisch in Ihre Seite einzufügen oder sie über ein externes Skript zu laden. Laden Sie die Bibliothek stattdessen im <head> Ihrer Seite, wie in Erste Schritte mit Google Publisher-Tags beschrieben. Dadurch wird verhindert, dass andere Ressourcen das Abrufen und Laden der GPT-Bibliothek verzögern, was wiederum Verzögerungen beim Laden von Anzeigen zur Folge hätte.

Weitere Informationen finden Sie in der Dokumentation zum Lighthouse-Audit Load ad scripts statically.

GPT asynchron laden

Fügen Sie das async-Keyword in die Definition des Tag-Skripts ein, wie in Google Publisher-Tags – Erste Schritte beschrieben. Dadurch wird der Browser angewiesen, die GPT-Bibliothek parallel zu anderen Ressourcen und Seiteninhalten zu laden, anstatt die Ausführung zu blockieren, bis das Skript vollständig geladen ist.

Weitere Informationen finden Sie in der Dokumentation zum Audit Load ad tag asynchronously (Anzeigen-Tag asynchron laden) für Publisher Ads Audits for Lighthouse.

GPT sicher laden

Laden Sie die GPT-Bibliothek immer über HTTPS, wie in Erste Schritte mit Google Publisher-Tags beschrieben. Das verbessert nicht nur die Sicherheit für Ihre Nutzer, sondern steigert auch die Leistung. Da mit GPTs versehene Anzeigenanfragen immer HTTPS nutzen, kann durch das Laden der Bibliothek mit HTTPS sichergestellt werden, dass der Browser nur eine Verbindung für alle Anfragen zur Anzeigenbereitstellung aufbauen muss.

Weitere Informationen finden Sie in der Dokumentation zu den Lighthouse-Prüfungen für Publisher-Anzeigen Anzeigen-Tag über HTTPS laden und GPT vom empfohlenen Host laden.

Für eine gute Seitenleistung sorgen

Die Best Practices in diesem Leitfaden konzentrieren sich zwar speziell auf die Optimierung Ihrer GPT-Integration, aber viele andere Faktoren tragen zur Gesamtleistung Ihrer Seite bei. Wenn Sie Änderungen an Ihrer Website vornehmen, insbesondere solche, die auf allgemeinen Empfehlungen wie denen in diesem Leitfaden basieren, ist es wichtig, die Auswirkungen dieser Änderungen auf alle Aspekte der Seitenleistung zu bewerten. Es wird empfohlen, regelmäßig Tools wie Lighthouse und Publisher Ads Audits for Lighthouse auszuführen, um Leistungsprobleme zu identifizieren und zu beheben und die richtige Balance zwischen Optimierungen für Ihre Website zu finden.