Die Einbindung der GPT-Bibliothek (Google Publisher-Tag) in Ihre Website ähnelt in vielerlei Hinsicht der Einbindung eines anderen Drittanbieter-Scripts. Bei der Verwendung von GPT gibt es jedoch einige Besonderheiten, die Sie beachten sollten, damit Sie Ihren Anzeigenplatz optimal nutzen und die Websiteleistung so gering wie möglich halten. Schnelle Anzeigen sind wichtig.
In den folgenden Abschnitten werden die Best Practices für die Integration beschrieben.
GPT aus einer offiziellen Quelle laden
Rufen Sie die GPT-Bibliothek immer von einer offiziellen Quelle ab:
Integrationstyp | Script-Tag |
---|---|
Standard einschließlich Publisher, die in das IAB Europe TCF eingebunden sind. |
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> |
Eingeschränkte Anzeigenausrichtung Für Publisher, die die eingeschränkte Anzeigenausrichtung manuell aktivieren möchten. |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
Verwenden Sie die URL für die eingeschränkte Anzeigenausrichtung nur auf Websites, auf denen Sie die eingeschränkte Anzeigenausrichtung manuell aktivieren möchten. Wenn GPT über die URL für das eingeschränkte Anzeigen-Targeting angefordert wird, obwohl diese Funktion nicht verwendet wird, öffnet der Browser eine zusätzliche, unnötige Netzwerkverbindung. Das kann das Laden von Anzeigen verlangsamen.
Um die Einhaltung der rechtlichen Anforderungen von Publishern zu unterstützen, kann GPT über die Standard-URL mit dem Attribut crossorigin="anonymous"
geladen werden, um zu verhindern, dass Cookies mit der Scriptanfrage gesendet werden.
Keine im Cache gespeicherten GPT-Versionen ausliefern
Stellen Sie niemals Versionen von gpt.js
, pubads_impl.js
oder von Bibliotheken, die von diesen geladen werden, über Ihren eigenen Server bereit oder laden Sie sie aus einer inoffiziellen Quelle herunter.
Die Verwendung einer lokal im Cache gespeicherten Version der GPT-Bibliothek funktioniert unter Umständen nicht in neueren Browser- oder Betriebssystemversionen. Außerdem wird sie möglicherweise nicht mit neuen Funktionen und Verbesserungen aktualisiert. Ä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 Dienstprogramme. Wenn Sie Dienst-Worker verwenden, um Antworten auf HTTP-Anfragen von Ihrer Website zu cachen oder zu ändern, verwenden Sie beim Umgang mit Anfragen für gpt.js
eine Netzwerkstrategie, 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 Scripts früher geladen werden. So wird eine zusätzliche Latenz beim Abrufen dieser Scripts vermieden (sofern nicht im Cache gespeichert) und Anzeigen können schneller geladen werden. All dies trägt dazu bei, den Messwert „Zeit bis zum Rendern der ersten Anzeige“ zu senken, was wiederum die Sichtbarkeit Ihrer Anzeigen erhöht.
Verwenden Sie bei Bedarf die Vorab-Ladefunktion.
Manchmal haben Sie möglicherweise keine direkte Kontrolle darüber, wann oder wie GPT geladen wird. Das ist beispielsweise der Fall, wenn Sie ein Anzeigen-Script von Drittanbietern verwenden, das GPT in Ihrem Namen lädt. In diesen Fällen kann es sinnvoll sein, die Anfrage für gpt.js
vorab zu laden. Beim Vorabladen einer Anfrage wird der Browser angewiesen, ein bestimmtes Asset, das für das Laden Ihrer Seite entscheidend ist, sofort herunterzuladen. Wenn das angegebene Asset eine JavaScript-Datei ist, wird der Script-Inhalt sofort abgerufen, die Ausführung wird jedoch verschoben, bis das Script benötigt wird.
Beispiel für eine Anfrage zum Vorabladen für Standardintegrationen
<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
Beispiel für eine Anfrage zum Vorabladen bei eingeschränkter Anzeigenintegration
<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">
GPT auf vorab gerenderten Seiten verwenden
Beim Prerendering wird der Browser angewiesen, Seiten, die Nutzer noch nicht angefordert haben, aber wahrscheinlich aufrufen werden, vorab herunterzuladen und zu rendern. Wenn die GPT-Bibliothek auf einer vorab gerenderten Seite geladen wird, werden Anzeigen nur angefordert, wenn die Seite sichtbar wird.
GPT statisch laden
Die GPT-Bibliothek darf nicht dynamisch in Ihre Seite eingefügt oder über ein externes Script geladen werden. Laden Sie die Bibliothek stattdessen statisch in den <head>
Ihrer Seite, wie im Artikel Einführung in Google Publisher-Tags gezeigt. So wird verhindert, dass andere Ressourcen das Abrufen und Laden der GPT-Bibliothek verzögern, was wiederum zu Verzögerungen beim Laden von Anzeigen führen würde.
Weitere Informationen finden Sie in der Dokumentation zur Prüfung Anzeigenscripts statisch laden von Publisher Ads Audits for Lighthouse.
GPT asynchron laden
Fügen Sie das Keyword async
in die Definition des Script-Tags ein, wie im Artikel Google Publisher-Tags – Erste Schritte dargestellt. 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 wurde.
Weitere Informationen finden Sie in der Dokumentation zur Prüfung Publisher Ads Audits for Lighthouse: Anzeigen-Tag asynchron laden.
GPT sicher laden
Laden Sie die GPT-Bibliothek immer über HTTPS, wie im Hilfeartikel Einführung in 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 Publisher Ads Audits for Lighthouse-Prüfungen 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 der 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 denjenigen in diesem Leitfaden basieren, ist es wichtig, die Auswirkungen dieser Änderungen auf alle Aspekte der Leistung Ihrer Seite zu bewerten. Wir empfehlen Ihnen, regelmäßig Tools wie Lighthouse und Publisher Ads Audits for Lighthouse auszuführen, um Leistungsprobleme zu identifizieren und zu beheben und das richtige Gleichgewicht zwischen den Optimierungen für Ihre Website zu finden.