Die Integration der Google Publisher-Tag-Bibliothek (GPT) in Ihre Website entspricht größtenteils der Integration anderer Drittanbieter-Skripts. Bei der Arbeit mit GPTs gibt es jedoch einige Besonderheiten, die berücksichtigt werden müssen, damit Sie Ihre Werbefläche optimal nutzen und die Websiteleistung so gering wie möglich halten. Denn schnelle Anzeigen sind entscheidend.
Im Folgenden findest du einige Best Practices, die du bei der Arbeit an deiner eigenen Integration beachten solltest.
GPT aus einer offiziellen Quelle laden
Fordern Sie die GPT-Bibliothek immer von einer offiziellen Quelle an:
| Integrationstyp | URL |
|---|---|
| Standard | https://securepubads.g.doubleclick.net/tag/js/gpt.js |
| Eingeschränkte Werbeunterbrechungen | https://pagead2.googlesyndication.com/tag/js/gpt.js |
Sie sollten keine Versionen von gpt.js, pubads_impl.js oder Bibliotheken bereitstellen, die von Ihrem eigenen Server geladen werden, und auch nicht aus einer inoffiziellen Quelle laden.
Die Verwendung einer lokal im Cache gespeicherten Version des GPT funktioniert in neueren Versionen von Browsern oder Betriebssystemen möglicherweise nicht immer und wird möglicherweise nicht mit neuen Funktionen und Verbesserungen aktualisiert. Ältere Versionen der GPT-Bibliothek können jederzeit eingestellt werden. Dies kann zu einem Verlust von Werbeeinnahmen führen, wenn keine Anzeigen mehr für Ihre Tags ausgeliefert werden.
Dies gilt auch für Service Worker. Wenn Sie Service-Worker verwenden, um Antworten auf HTTP-Anfragen von Ihrer Website im Cache zu speichern oder zu ändern, sollten Sie bei der Verarbeitung von Anfragen für gpt.js eine reine Netzwerkstrategie verwenden, 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 von gpt.js nach Bedarf geladen werden.
Da die zentrale GPT-Bibliothek frühzeitig geladen wird, können diese abhängigen Skripts auch früher geladen werden. Dadurch wird eine zusätzliche Latenz beim Abrufen dieser Skripts (falls nicht im Cache gespeichert) vermieden und Anzeigen können schneller geladen werden. All dies trägt zu einer niedrigeren Zeit bis zum Rendern der ersten Anzeige bei, was wiederum die Sichtbarkeit Ihrer Anzeigen erhöht.
Vorabladen verwenden (gegebenenfalls)
Manchmal können Sie nicht direkt steuern, wann oder wie GPT geladen wird. Dies ist beispielsweise der Fall, wenn Sie ein Anzeigenskript eines Drittanbieters 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. Eine Anfrage vorab laden weist den Browser an, sofort ein angegebenes Asset herunterzuladen, das für das Laden Ihrer Seite wichtig ist. Wenn das angegebene Asset eine JavaScript-Datei ist, wird der Skriptinhalt sofort abgerufen. Die Ausführung wird jedoch verzögert, bis das Skript benötigt wird.
Beispiel für eine Vorabladeanfrage für Standardintegrationen
<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
Beispiel für eine Vorabladeanfrage für Integrationen mit eingeschränkter Anzeigenausrichtung
<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">
GPT auf vorab gerenderten Seiten verwenden
Beim Pre-Rendering wird der Browser angewiesen, Seiten vorab herunterzuladen und zu rendern, die Nutzer noch nicht angefordert haben, die aber wahrscheinlich aufgerufen werden. Beim Laden auf einer vorab gerenderten Seite fordert die GPT-Bibliothek nur dann Anzeigen an, wenn die Seite sichtbar gemacht wird.
GPT statisch laden
Vermeiden Sie es, die GPT-Bibliothek dynamisch in Ihre Seite einzufügen oder sie aus einem externen Skript zu laden. Laden Sie die Bibliothek stattdessen statisch im <head> Ihrer Seite, wie unter Erste Schritte mit Google Publisher-Tags beschrieben. So wird verhindert, dass andere Ressourcen das Abrufen und Laden der GPT-Bibliothek verzögern, was wiederum das Laden von Anzeigen verzögern würde.
Weitere Informationen finden Sie in der Publisher Ads Audits for Lighthouse-Auditdokumentation zum statischen Laden von Anzeigenskripts.
GPT asynchron laden
Fügen Sie das Keyword async in Ihre Skript-Tag-Definition ein, wie unter Erste Schritte mit Google Publisher-Tags 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 fertig geladen ist.
Weitere Informationen finden Sie in der Publisher Ads Audits for Lighthouse-Auditdokumentation zum asynchronen Laden von Anzeigen-Tags.
GPT sicher laden
Laden Sie die GPT-Bibliothek immer über HTTPS, wie unter Erste Schritte mit Google Publisher-Tags beschrieben. Dies erhöht nicht nur die Sicherheit für Ihre Nutzer, sondern auch die Leistung. Da für GPTs gesendete Anzeigenanfragen immer HTTPS verwenden, wird durch das Laden der Bibliothek selbst über HTTPS sichergestellt, dass der Browser nur eine Verbindung für alle Anfragen zur Anzeigenbereitstellung herstellen muss.
Weitere Informationen finden Sie in der Dokumentation zum Laden des Anzeigen-Tags über HTTPS von Publisher Ads Audits for Lighthouse und zum Laden von GPTs über den empfohlenen Host.
Seitenleistung optimieren
Während sich die Best Practices in diesem Leitfaden speziell auf die Optimierung der GPT-Integration konzentrieren, tragen viele andere Faktoren zur Gesamtleistung Ihrer Seite bei. Wenn du Änderungen an deiner Website vornimmst (insbesondere solche, die auf allgemeinen Empfehlungen wie den in diesem Leitfaden gezeigten) basieren, ist es wichtig, die Auswirkungen dieser Änderungen auf alle Aspekte der Leistung deiner Seite zu bewerten. Wir empfehlen, regelmäßig Tools wie Lighthouse und Publisher Ads Audits for Lighthouse auszuführen, um Leistungsprobleme zu erkennen und zu beheben und ein ausgewogenes Verhältnis von Optimierungen für Ihre Website zu finden.