AMP Dokumentation inkl. Header Bidding
Die Abkürzung "AMP" steht für Accelerated Mobile Pages.
Mit dem Projekt möchte Google die mobilen Versionen von Webseiten schlanker machen, sodass die Nutzer weniger Datenvolumen verbrauchen und die Seiten schneller geladen werden.
Dadurch ist die Einbindung von eigenem JavaScript-Code auf diesen Seite sehr beschränkt.
Bitte beachten Sie, dass diese Beispiele auf keinen Fall in einer produktiven Seite verwendet werden können.
Die Implementierung mit Header Bidding Tags muss in Absprache erfolgen damit Headerbidding auf unserer Seite aufgesetzt werden kann.
Übersicht
- 1 Standard-Setup
- 2 Platzierungsempfehlung der AMP-Tags
- 3 Automatischer Reload der Slots
- 4 Erstellen der AMP-Tags inkl. Header Bidding
- 4.1 Beispiel für topmobile2
- 4.2 width / height
- 4.3 type
- 4.4 data-slot / AnzeigenblockID
- 4.5 data-multi-size / Größen
- 4.6 data-multi-size-validation
- 4.7 rtc-config
- 4.8 json
- 5 Besonderheit stickyfooter Ad
- 6 Cookie Sync Iframe
- 7 AMP Komponente
- 8 Consent Managment Platform (CMP)
Glossar
Begriff | Erklärung |
---|---|
Adslots | Beschreibt einen Platz auf einer HTML Seite, welcher mit Werbemitteln befüllt werden kann. Je nachdem wo der AdSlot auf der Webseite platziert wird, wird dem Slot ein Name zugewiesen. Beispiel: Ein Adslot wird am Anfang der Seite entweder vor oder nach der Navigation platziert. Dieser wird als topmobile bezeichnet. |
Adslot Size | Ein Adslots beinhaltet ein oder mehrere Formatgrößen. Beispiel: Über den topmobile Slot können folgende Formatgrößen ausgespielt werden - 300x250,320x150,320x100,320x75,320x50 |
Netzwerk ID | Jeder Adserver von Google Ad Manager 360 bekommt eine eindeutige ID zugewiesen. Als Netzwerk-ID wird die ID '4444' verwendet. |
Adunit / Anzeigenblock | Die Adunit bestimmt die technische Seite im Adserver. Beispiel: m.amp_IHRSEITENNAME |
Zone | Die Zone bestimmt die Rubrik Ihrere Seite. Dadurch kann die Auslieferung rubrikenspezifisch bestimmt werden. Beispiel: IHRSEITENNAME_startseite |
Postfix | Der Postfix wird am Ende der Zone angehängt. Diese sind notwendig, um Kampagne auf einen bestimmten Slot zu buchen. Beispiel: Der AMP-Tag für einen topmobile Slot wird mit dem Postfix "b1" angehängt. (topmobile2 = 'b2', topmobile3 = 'b3') |
TAG ID | Die Tag ID wird verwendet für die Zuordnung einer Header Bidding Platzierung zu einer bestimmten Ad Unit. |
Cookie Sync Tag | Der Cookie Sync Tag wird benötigt damit die User IDs synchronisiert werden können welche für das Targeting benötigt werden. |
amp-iframe | Die amp-iframe Komponente muss hinterlegt werden für eine funktionierende Kommunikation zwischen Header Bidding und Admanager 360 |
Standard-Setup
Für das Implementieren der AMP Tags empfehlen wir Ihnen folgendes Setup:
Adslot | Formatgrößen |
---|---|
topmobile2 (b2) | 300x600,320x480,300x252,300x250,320x150,320x100,320x75,320x50,37x32 |
topmobile3 (b3) | 300x253,300x250,320x150,320x100,320x75,320x50,37x33 |
topmobile4 (b4) | 300x254,300x250,320x150,320x100,320x75,320x50,37x34 |
stickyfooter | 320x50,50x31 |
Platzierungsempfehlung der AMP-Tags
Wir empfehlen folgende Platzierung der Tags auf der AMP-Seite:
Adslot | Platzierungsempfehlung |
---|---|
topmobile2 (b2) | Nach dem Einleitungstext oder erstem Bild. |
topmobile3 (b3) | Je nach Länge eines Artikels nach jedem Absatz. |
topmobile4 (b4) | Je nach Länge eines Artikels nach jedem Absatz. |
stickyfooter | Am unteren Bildschirmrand. |
Hier ein Beispiel für die Positionierung der Slots topmobile2 (b2), topmobile3 (b3) und stickyfooter.
Automatischer Reload der Slots
AMP bietet Ihnen die Möglichkeit, die Slots nach einer selbst definierten Sekundenanzahl automatisch neu zu laden.
Beim Reload wird es zwischen zwei verschiedenen Konfigurationen unterschieden.
1 - Reload für einzelne Slots
Beispiel für eine Reload vom stickyfooter Slot (30 Sekunden)
***___stickyfooter___***
<amp-ad ...
type="doubleclick"
data-enable-refresh="30"
data-slot="/4444/m.amp_IHRSEITENNAME.de/ZONE_amp_stickyfooter"
...
</amp-ad>
Um die Refresh-Funktion für einzelne Slots vorzunehmen, muss das Attribut data-enable-refresh innerhalb des amp-ad Tags eingefügt werden.
Der Wert für das Attribut darf nicht kleiner als 30 sein.
2 - Reload für alle Slots (empfohlen)
Beispiel für einen Reload der Ads von 30 Sekunden.
<meta name="amp-ad-enable-refresh" content="doubleclick=30">
Dieser Codeblock muss im <head> des Dokuments eingefügt werden.
Wir empfehlen die Sekundenanzahl auf 30 zu setzen. Dazu muss der Wert unter content auf "doubleclick=30" gesetzt werden und darf nicht kleiner als 30 sein.
Erstellen der AMP-Tags inkl. Header Bidding
Im Folgenden wird erläutert, wie der Aufbau des AMP Header Bidding-Tags aussieht und welche Eigenschaften innerhalb des AMP Headerbidding-Tags verändert werden müssen bzw. unverändert bleiben.
Beispiel für topmobile2
<amp-ad width=320 height=600
type="doubleclick"
data-slot="/4444/m.amp_IHRSEITENNAME.de/ZONE_amp_b2"
data-multi-size="300x600,320x480,300x252,300x250,320x150,320x100,320x75,320x50,37x32"
data-multi-size-validation="false"
rtc-config='{
"urls": [ "https://s2s.yieldlove-ad-serving.net/openrtb2/amp?tag_id=IHRETAGID&curl=CANONICAL_URL&w=ATTR(width)&h=ATTR(height)&ms=ATTR(data-multi-size)&gdpr_consent=CONSENT_STRING" ],
"vendors": {
"criteo": {"NETWORK_ID": 9896,"PUBLISHER_SUB_ID": "IHRSEITENNAME.de_amp_300x250_1"} },
"timeoutMillis": 999,
"sendRegardlessOfConsentState": true
}'
json='{"targeting": {"beacon":"no", "yieldlove_meta": "pid:IHRETAGID.sb:f","kw": "amp","keywords": ["b2", "amp"],"adslot": "topmobile2","af": ["moad2x1", "moad3x1", "moad4x1", "moad6x1", "mmrec", "mhpad", "lainl"],"as": "topmobile2", "flag": "inint"}}'>
</amp-ad>
Es sind viele verschiedene AMP-Tags vorhanden. Wenn wir jedoch von einem AMP-Tag sprechen, dann ist damit der Tag für das Ausspielen eines Werbemittels gemeint. → <amp-ad...></amp-ad>
Jegliche Konfigurationen wird nur innerhalb des öffnenden AMP-Tags durchgeführt.
Im Anschluss folgt eine Erklärung der Eigenschaften und ob diese ausgefüllt werden oder unverändert bleiben.
width / height
Der öffnende AMP Tag beginnt mit der Breite "width" und der Höhe "height". Um diese Eigenschaften mit Werten zu befüllen, muss in Erfahrung gebracht werden, welche Größen der AMP-Tag, in dem Beispiel der topmobile, beinhaltet.
Standardmäßig hat topmobile2 folgende Größen: 300x252, 300x250, 320x150, 320x100, 320x75, 320x50
Im ersten Schritt wird der höchste WIDTH-Wert überprüft. In dem Fall ist es 320. Dieser Wert wird nun unter "width" im AMP Tag eingetragen.
Im nächsten Schritt wird dasselbe mit dem HEIGHT-Wert durchgeführt. Hier ist der höchste Wert 252 und wird im Feld "height" eingetragen.
type
Der "type" bestimmt in dem Fall den Dienstleitster "doubleclick". Diese Eigenschaft darf NICHT verändert werden.
data-slot / AnzeigenblockID
Der "data-slot" bezieht sich auf die Anzeigenblock ID. Die ID wird von uns bereitgestellt und muss im jeden AMP-Tag vorhanden sein.
Hier gibt es nur einen Punkt, auf den besonders geachtet werden muss:
ZONE: Hier wird die Zone der aktuellen Seite eingetragen → Als Beispiel /artikel oder /rest
data-multi-size / Größen
Beispiel für den topmobile-Slot
Wie oben erwähnt, kann jeder Ad-Slot ein oder mehrere Sizes enthalten. Hier müssen unsere Standardgrößen für den jeweiligen Slot eingetragen werden.
Falls Sie beispielsweise keine rectangle-Größe im topmobile2 verwenden möchten, muss die Größe 300x250 im "data-multi-size" entfernt werden.
data-multi-size-validation
Beispiel für den topmobile-Slot
Diese Eigenschaft muss IMMER den Wert 'false' haben, da es ansonsten Komplikationen mit den Multi-sizes gibt.
rtc-config
Beispiel für den topmobile-Slot
Bitte ersetzten Sie die Tag_id: IHRETAGID und die Publisher_SUB_ID: IHRSEITENNAME.de_amp_300x250_1 diese erhalten Sie von uns.
json
Beispiel für den topmobile-Slot
In der Eigenschaft "json" sind standardmäßig unsere Keywords definiert. Diese dürfen NICHT verändert werden. AUSNAHME ist pid: hier schreiben Sie die für Sie vorgesehene Tag ID rein.
Falls weitere Keywords benötigt werden, ist es erforderlich dies mit uns abzusprechen.
Besonderheit stickyfooter Ad
Beim stickyfooter gibt es kleinere Unterschiede, die zu beachten sind.
Der amp-ad Tag wird von dem amp-sticky-ad umschlossen. Dieser bekommt eine weitere Eigenschaft "layout=nodisplay".
Für die Sticky-Funktionalität muss zusätzlich folgendes Script im <head> verbaut werden:
Beispielvorlage topmobile2, topmobile3, topmobile4 und topmobile5 mit Header Bidding - Optional topmobile6, topmobile7 und topmobile8
Was ist zu ersetzen? ( Kurzfassung )
Ausschnitt aus den Vorlagen | Zu ersetzende Bereiche in ORANGE |
---|---|
data-slot="/4444/m.amp_IHRSEITENNAME.de/ZONE_amp_sticky | data-slot="/4444/m.amp_IHRSEITENNAME.de/ZONE_amp_sticky ...mehr |
"urls": [ "https://s2s.yieldlove-ad-serving.net/openrtb2/amp?tag_id=IHRETAGID& | "urls": [ "https://s2s.yieldlove-ad-serving.net/openrtb2/amp?tag_id=IHRETAGID& ...mehr |
"PUBLISHER_SUB_ID": "IHRSEITENNAME.de_amp_320x50_1"} | "PUBLISHER_SUB_ID": "IHRSEITENNAME.de_amp_320x50_1"} ...mehr |
"pid:IHRETAGID.sb:f", | "pid:IHRETAGID.sb:f", ...mehr |
Cookie Sync Iframe
Der Cookie Sync Tag wird benötigt damit SSPs die User IDs synchronisieren können. User IDs werden für Targetings benötigt.
Fügen Sie den unveränderten Cookie Sync Tag, oben im <body> ihres AMP-HTML hinzu.
AMP Komponente
Prüfen Sie ob die AMP-Iframe Komponte bereits in Ihrer AMP Seite hinterlegt ist.
Falls noch nicht vorhanden hinterlegen sie die unveränderte AMP-Iframe Komponente in den <head> Ihrer AMP Seite.
Consent Managment Platform (CMP)
Die Zustimmung (Consent) des Nutzers zur Verarbeitung von personenbezogenen Daten wird auf Basis einer Klassifizierung von technischen Dienstleistern erhoben. Je nachdem wie ein Dienstleister die Daten eines Nutzers verarbeitet, wird der Dienstleister in unterschiedliche Kategorien zugeordnet (z.B. erstellt personalisierten Content für User).
Einbau des Sourcepoint CMP-Tools auf AMP Seiten
Falls Sie keinen CMP Anbieter haben, können Sie dies auch gerne über unseren CMP Anbieter Sourcepoint durchführen lassen.
Wenn Sie sich für Sourcepoint entschieden haben, dann melden Sie sich bei uns und schauen Sie sich bitte folgende Dokumentation an.
Integration des AMP-Consent Tags auf Ihrer Seite.
https://documentation.sourcepoint.com/web-implementation/amp-implementation-section
Um den AMP-Consent-Tag mit korrekten Daten zu befüllen, welche speziell für Ihre Seite in Sourcepoint angelegt wurde, verwenden Sie bitte die von uns übersendeten IDs. Diese erhalten Sie von Ihrem zuständigen Publisher Account Manager (PAM).
Erstellung vom CNAME (wird für den AMP Consent-Tag benötigt)
https://documentation.sourcepoint.com/web-implementation/amp-implementation-section/amp-implementation-tcf-version-2-with-single-cname#setting-up-the-cname-dns-record
Testumgebung
Bitte bauen Sie das CMP Tool zuerst auf einer Testseite ein, bevor es in den Livebetrieb kommt.
Erst wenn es von unserem technischen Team überprüft und bestätigt wurde, können Sie mit dem CMP live gehen.
Ansprechpartner |
---|
@Baran Özbek |
@Arne Peters |