Web Stories ist ein Open-Source-Format für visuelles Storytelling. Sie können mit AdSense Werbung in Ihren Web Stories präsentieren. Derzeit sind über AdSense nur Google-Displayanzeigen verfügbar. Demnächst werden aber weitere Nachfragepartner hinzukommen.
Funktionsweise
Anzeigenblock für Web Stories erstellen
- Melden Sie sich in Ihrem AdSense-Konto an.
- Klicken Sie auf Anzeigen.
- Klicken Sie auf Nach Anzeigenblock.
- Klicken Sie auf Displayanzeigen.
- Geben Sie einen Namen für den Anzeigenblock ein. Verwenden Sie einen aussagekräftigen Namen, damit Sie den Anzeigenblock später leicht wiederfinden.
- Wählen Sie im Bereich „Anzeigengröße“ die Option Responsiv aus.
- Klicken Sie auf Erstellen.
Anzeigenblock in Web Stories einbetten
- Fügen Sie die JavaScript-Datei
amp-story-auto-adsin das<head>-Tag Ihrer Seite ein:<script async custom-element="amp-story-auto-ads" src="https://cdn.ampproject.org/v0/amp-story-auto-ads-0.1.js"></script> - Betten Sie den Anzeigenblock mithilfe des Tags
<amp-story-auto-ads>in Ihre Web Story ein:<amp-story>
<amp-story-auto-ads>
<script type="application/json">
{
"ad-attributes": {
"type": "adsense",
"data-ad-client": "ca-pub-0000000000000000",
"data-ad-slot": "00000000"
}
}
</script>
</amp-story-auto-ads>
...
</amp-story> - Kopieren Sie die Werte für
data-ad-clientunddata-ad-slotaus dem Code des Anzeigenblocks und ersetzen Sie den markierten Code in der oben stehenden Konfiguration. Diese Werte finden Sie in AdSense, indem Sie auf der Seite Anzeigen > Übersicht auf „Code abrufen“klicken.
klicken.Leistung von Web Story-Anzeigenblöcken messen
Informationen zur Leistung Ihres Web Story-Anzeigenblocks finden Sie im Bericht „Anzeigenblöcke“.
