Nachdem Sie die GPT-Bibliothek (Google Publisher-Tag) in Ihre Website eingebunden und sich mit unseren allgemeinen Best Practices vertraut gemacht haben, können Sie Anzeigenanfragen senden. In den folgenden Abschnitten werden einige zusätzliche Best Practices beschrieben, die Sie bei der Konfiguration und Verwendung von Anzeigenflächen beachten sollten, um Ihre Werbefläche optimal zu nutzen und gleichzeitig die Leistungseinbußen zu minimieren.
„Wichtige“ Anzeigenflächen priorisieren
Nicht alle Anzeigenflächen sind gleich. Beispielsweise sind Anzeigenflächen, die beim Seitenaufbau sichtbar sind („above the fold“ (ohne Scrollen sichtbar)), in Bezug auf Sichtbarkeit und Monetarisierung in der Regel „wichtiger“ als solche, die erst nach dem Scrollen sichtbar werden („below the fold“ (mit Scrollen sichtbar)). Daher ist es wichtig, dass Sie die relative Bedeutung jeder Anzeigenfläche auf Ihrer Seite sorgfältig abwägen und das Laden der wichtigsten Flächen so schnell wie möglich priorisieren.
Anzeigen „above the fold“ frühzeitig laden
Anzeigen, die sofort nach dem Seitenaufbau sichtbar sind, sollten die höchste Priorität haben. Wir empfehlen, diese Anzeigenflächen im <head>-Element des Dokuments zu definieren und sie so früh wie möglich im Seitenaufbauprozess anzufordern. So werden diese Anzeigen frühzeitig geladen (was die Sichtbarkeit maximiert) und der erstmalige Seitenaufbau wird nicht unnötig verlangsamt.
Lazy Loading von Anzeigen „Below the fold“ (mit Scrollen sichtbar)
Bei Anzeigen, die erst durch Scrollen sichtbar werden, sollten das Abrufen und Rendern verschoben werden, bis sich die Anzeigenflächen fast im Darstellungsbereich befinden. Dieser Prozess wird als Lazy Loading bezeichnet. Beim Lazy Loading werden Creative-Inhalte für Anzeigenflächen, die am wahrscheinlichsten gesehen werden, priorisiert angefordert und gerendert. So wird die Leistung beim Seitenaufbau optimiert, da die begrenzten Ressourcen des Browsers geschont werden. Das ist besonders in mobilen Umgebungen wichtig, in denen Bandbreite und CPU oft stark eingeschränkt sind.
Anzeigen aktualisieren, ohne die Seite zu aktualisieren
Es gibt viele Szenarien, in denen es optimal oder sogar notwendig ist, den aktuellen Anzeigeninhalt einer Anzeigenfläche zu ersetzen. In diesen Fällen empfiehlt es sich, die Aktualisierungsfunktion der GPT-Bibliothek zu verwenden, um dies dynamisch zu tun. So wird eine vollständige Seitenaktualisierung vermieden und Sie können genau steuern, unter welchen Bedingungen eine Anzeigenfläche oder eine Gruppe von Anzeigenflächen aktualisiert wird.
Wenn Sie Anzeigenflächen aktualisieren, sollten Sie die refresh()-Best Practices kennen und einhalten.
Eine unangemessene Aktualisierung von Anzeigen kann zu Leistungsproblemen führen und sich negativ auf die Sichtbarkeitsraten auswirken.
Anzeigen effektiv ausrichten
Wenn Sie das Targeting mit Schlüssel/Wert-Paaren konfigurieren, sollten Sie sorgfältig überlegen, ob Sie das Targeting auf Anzeigenflächen- oder Seitenebene verwenden möchten. Für Schlüssel/Wert-Paare, die von mehreren Anzeigenflächen gemeinsam genutzt werden, ist das Targeting auf Seitenebene mit googletag.setConfig({ targeting: ... }) am effektivsten. Das Targeting auf Anzeigenflächenebene sollte nur verwendet werden, um Schlüssel/Wert-Paare zu registrieren, die sich unterscheiden oder nicht auf allen Anzeigenflächen enthalten sind.
Beachten Sie, dass sowohl das Targeting auf Anzeigenflächen- als auch auf Seitenebene gleichzeitig verwendet werden kann, wie im Beispiel für das Festlegen des Targetings zu sehen ist. Es wird dringend empfohlen, das Targeting zuerst auf Seitenebene zu konfigurieren und dann nur bei Bedarf Überschreibungen auf Anzeigenflächenebene anzuwenden. Dieser Ansatz ermöglicht nicht nur eine effiziente Nutzung der GPT API, sondern vereinfacht auch den Code und hilft, ein klares mentales Modell des gesamten auf der Seite konfigurierten Targetings zu erstellen.
Einzelanfrage-Architektur richtig verwenden
Die Einzelanfrage-Architektur ist ein GPT-Anfragemodus, bei dem Anfragen für mehrere Anzeigenflächen in einer einzigen Anzeigenanfrage gebündelt werden. So wird sichergestellt, dass die für Ihre Seite konfigurierten Konkurrenzausschlüsse und Roadblocks berücksichtigt werden. Wenn Sie diese auf Ihrer Seite verwenden, sollten Sie die Einzelanfrage-Architektur aktivieren und sich mit der richtigen Verwendung vertraut machen.
In der Standardkonfiguration werden bei der Einzelanfrage-Architektur alle auf der Seite definierten Anzeigenflächen angefordert, wenn Sie display() (oder refresh(), wenn das erste Laden deaktiviert ist) zum ersten Mal aufrufen. Daher empfiehlt es sich, alle Anzeigenflächen der Seite im <head>-Element des Dokuments zu definieren, bevor der erste Aufruf von display() erfolgt.
Lazy Loading kann in Verbindung mit diesem Ansatz verwendet werden, um sicherzustellen, dass Anzeigenflächen, die sich „below the fold“ (mit Scrollen sichtbar) befinden, nicht sofort geladen werden.
Wenn Sie die Einzelanfrage-Architektur verwenden, müssen Sie alle Anzeigenflächen vollständig konfigurieren (z. B. Targeting, Kategorieausschluss usw.), bevor Sie den ersten Aufruf von display() ausführen. In der ersten SRA-Anfrage werden nur Werte berücksichtigt, die vor diesem Zeitpunkt konfiguriert wurden.
Falsch: Die Konfiguration der Anzeigenfläche ist nicht in der SRA-Anfrage enthalten.
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.setConfig({ singleRequest: true });
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots.
googletag.display(adSlot1);
});
</script>
</div>
<div id="banner-ad-2" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display has no effect, since both ad slots have already
// been fetched by the previous call to display.
// Targeting configuration for ad slot 2 is ignored.
adSlot2.setConfig({ targeting: { test: 'privacy' } });
googletag.display(adSlot2);
});
</script>
</div>
</body>
</html>
Richtig: Die Konfiguration der Anzeigenfläche ist in der SRA-Anfrage enthalten.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define and configure ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.addService(googletag.pubads());
adSlot2.setConfig({ targeting: { test: 'privacy' } });
// Enable SRA and services.
googletag.setConfig({ singleRequest: true });
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;"></div>
<div id="banner-ad-2" style="width: 728px; height: 90px;"></div>
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots with all
// configured targeting.
googletag.display(adSlot1);
});
</script>
</body>
</html>
Anzeigengrößen optimieren
Berücksichtigen Sie beim Definieren Ihrer Anzeigenflächen nicht nur die maximale Größe der Anzeige, die ausgeliefert werden könnte, sondern auch kleinere Größen, die problemlos in denselben Bereich passen. Je mehr Größen Sie beim Definieren einer Anzeigenfläche angeben, desto mehr Anzeigen können darin ausgeliefert werden. So können Sie dank höherer Ausführungsraten mehr Umsatz erzielen.