AMPHTML-Creatives

Ab dem 3. April 2023 können Sie keine neuen Gmail-Werbebuchungen mehr erstellen. Sie können auch keine neuen AMPHTML-, Flipbook-, nativen App-Installations- und vorlagenbasierten App-Installations-Creatives mehr erstellen. Nach dieser Änderung:

Gmail-Werbebuchungen werden archiviert und am 1. Mai 2023 eingestellt
AMPHTML-, Flipbook- und vorlagenbasierte App-Installations-Creatives werden am 1. Mai 2023 nicht mehr ausgeliefert
Native App-Installations-Creatives werden am 9. Juni 2023 nicht mehr ausgeliefert

Um Auswirkungen auf die Kampagne zu vermeiden, ersetzen Sie diese Creatives oder verwenden Sie eine Alternative .

AMPHTML ist eine abgespeckte Form von HTML, die dabei hilft, wirklich schnelle mobile Webseiten zu erstellen. Sie können AMP auch verwenden, um Motive zu erstellen, die schnell geladen werden und sowohl auf AMP- als auch auf HTML-Webseiten geschaltet werden können.

AMP besteht aus 3 Kernteilen:

AMPHTML: HTML mit benutzerdefinierten AMP-Eigenschaften
AMP JS: Eine Bibliothek, die Ihnen hilft, Ressourcen schnell zu laden
AMP Cache: Ein Netzwerk zur Bereitstellung von Inhalten, das die Leistung verbessert

Erstellen Sie ein AMPHTML-Creative

Sie können AMPHTML-Creatives mit Google Web Designer oder einem beliebigen HTML-Editor erstellen.

Unterstützte AMPHTML-Komponenten

AMPHTML enthält viele Tags oder Komponenten, die nur für AMPHTML gelten. Display & Video 360 unterstützt die folgenden AMP-Komponenten:

AMP-Komponente	Verwenden
`<amp-accordion>`	Fügen Sie ein erweiterbares Menü im Akkordeon-Stil hinzu.
`<amp-anim>`	Fügen Sie ein animiertes GIF hinzu.
`<amp-animation>`	Fügen Sie eine Animation hinzu.
`<amp-ad-exit>`	Fügen Sie Exits hinzu, die Verbraucher nach dem Klicken auf eine Zielseite leiten.
`<amp-carousel>`	Fügen Sie eine horizontale Bildergalerie hinzu.
`<amp-fit-text>`	Verwalten Sie die Größe und Passform von Text innerhalb eines bestimmten Bereichs.
`<amp-font>`	Laden Sie benutzerdefinierte Schriftarten auf AMP-Seiten.
`<amp-gwd-animation>`	Binden Sie AMP-kompatible CSS-Animationen in Google Web Designer ein.
`<amp-img>`	Fügen Sie ein Bild hinzu.
`<amp-layout>`	Fügen Sie jedem Element responsive Layouts hinzu, die auf dem Seitenverhältnis basieren.
`<amp-pixel>`	Fügen Sie ein Messpixel hinzu.

Einschränkungen

Video wird in AMPHTML-Creatives für Display & Video 360 noch nicht unterstützt. (Wenn Sie ein Creative hochladen, das <amp-youtube> oder <amp-video> -Komponenten verwendet, wird eine Fehlermeldung angezeigt.)

Schritt 1: Erstellen Sie mit Google Web Designer ein AMPHTML-Creative

Öffnen Sie Google Web Designer. Wenn Sie es nicht haben, können Sie es hier herunterladen .
Um eine neue Datei zu erstellen, klicken Sie auf Datei > Neue Datei . Dies öffnet den Dialog Neue Datei.
Wählen Sie im linken Menü unter dem Abschnitt „Anzeigen" AMPHTML-Banner aus.
Geben Sie einen Namen für Ihr Creative ein und wählen Sie dann Display & Video 360 als Umgebung aus.
Legen Sie die Abmessungen und andere Optionen Ihres Creatives fest und klicken Sie dann auf OK .
Fügen Sie Creative-Elemente wie Bilder oder Text hinzu und ziehen Sie dann AMP-Komponenten aus dem Komponentenbereich von Google Web Designer in den Anzeigebereich. Derzeit verfügt Google Web Designer nur über integrierte Komponenten für die Elemente <amp-carousel> und <amp-youtube> . Um andere AMP-Komponenten zu verwenden, befolgen Sie die oben verlinkten Komponentenanweisungen, um sie in der Codeansicht hinzuzufügen .

Schritt 2: Fügen Sie Ihrem Creative einen AMPHTML-Exit hinzu

Display & Video 360 benötigt mindestens einen Exit, um Nutzer auf die Landingpage des Werbetreibenden weiterzuleiten, wenn sie in Ihrem Creative auf eine Call-to-Action-Schaltfläche tippen.

Fügen Sie das erforderliche Skript-Tag der amp-ad-exit -Komponente zum <head>-Element in Ihrem HTML hinzu:
<script data-source="https://cdn.ampproject.org/v0/amp-ad-exit-0.1.js" async="" custom-element="amp-ad-exit" src="https://cdn.ampproject.org/v0/amp-ad-exit-0.1.js"></script>
Fügen Sie im Hauptteil Ihres HTML-Codes das amp-ad-exit -Element zusammen mit einem untergeordneten JSON-Skriptelement hinzu, das zum Konfigurieren Ihrer Exit-Zielseiten verwendet wird. Ersetzen Sie neben finalURL den Google Web Designer-Link ( https://www.google.com/webdesigner/ ) durch die Zielseiten-URL Ihres Werbetreibenden.

Die Eigenschaft trackingUrls ist optional. Schließen Sie es nur ein, wenn Sie Ihrem Creative eine Klick-Tracking-URL hinzufügen möchten, und stellen Sie sicher, dass Sie die Beispiel-Tracking-URL ( https://tracker.adnetwork.example.com/?url=example.com ) mit der URL Ihres Messungspartners aktualisieren .
```
  <amp-ad-exit id="exit-api"> <script type="application/json">  {  "targets": {  "url_0": {  "finalUrl": " https://www.google.com/webdesigner/ ",  "trackingUrls": [ "https://tracker.adnetwork.example.com/?url=example.com"      ] }  }  } </script> </amp-ad-exit>  <amp-ad-exit id="exit-api"> <script type="application/json">  {  "targets": {  "url_0": {  "finalUrl": " https://www.google.com/webdesigner/ ",  "trackingUrls": [ "https://tracker.adnetwork.example.com/?url=example.com"      ] }  }  } </script> </amp-ad-exit>
```
Fügen Sie die Exit-Aktion zu Ihrer Call-to-Action-Schaltfläche hinzu und legen Sie als Ziel den Namen der Ziel-URL fest, in diesem Beispiel: url_0 .
```
  <div class="cta-button" id="tapExit_1" role="button" tabindex="-1" on="tap:exit-api.exit(target='url_0')" ></div>
```

Laden Sie ein AMPHTML-Creative in Display & Video 360 hoch

Komprimieren Sie Ihre AMPHTML-Dateien in eine ZIP-Datei und laden Sie sie dann als HTML5-Creative hoch.

AMPHTML-Creatives müssen der AMPHTML-Anzeigenspezifikation entsprechen . Vor dem Hochladen können Sie den AMP-Anzeigenvalidator verwenden, um sicherzustellen, dass der Code Ihres Creatives gültig ist.

Laden Sie ein AMPHTML-Creative hoch

Öffnen Sie einen Werbetreibenden und klicken Sie dann im linken Menü auf Creatives .
Klicken Sie auf Neu Hochladen HTML5 oder Bild .
Geben Sie in Display & Video 360 einen Namen für das Creative ein.
Um Ihre Creative-Dateien hinzuzufügen, ziehen Sie eine ZIP-Datei von Ihrem Computer und legen Sie sie über "Datei hierher ziehen" ab. Oder klicken Sie auf Hochladen und wählen Sie dann die ZIP-Datei von Ihrem Computer aus. Was in HTML5-ZIP-Dateien enthalten sein soll
Ihre HTML-Datei muss gültiges AMPHTML enthalten, andernfalls wird der Upload abgelehnt und Sie erhalten Details dazu, welche AMP-Elemente nicht gültig sind. Erfahren Sie mehr über die Validierung von AMP-Dokumenten .
Bestätigen Sie die erkannten Abmessungen für Ihr Creative oder wählen Sie die richtigen Abmessungen aus. Wenn Ihre Abmessungen nicht in der Liste enthalten sind, können Sie auch Ihre eigenen erstellen. Hinweis: AMPHTML-Creatives können nur eine Größe haben.
Überspringen Sie den Abschnitt Backup-Image. AMPHTML-Creatives unterstützen keine Reservebilder oder Polite Load-Bilder.
Überprüfen und bearbeiten Sie im Abschnitt "Ereignisse" die im Creative erkannten Exits. Für jeden Exit (oder Klick-Tag) können Sie die Zielseiten-URL bearbeiten, die nur mit https:// beginnt. (Zielseiten von AMP-Creatives müssen sicher sein.) Um das Berichtslabel oder die URL zu bearbeiten, bewegen Sie den Mauszeiger über die Zeile und klicken Sie dann auf Bearbeiten .

Nachdem Sie das Creative gespeichert haben, kann es einige Minuten dauern, bis eine aktualisierte Zielseite in der Vorschau oder in Ihrem synchronisierten Campaign Manager 360-Werbetreibenden angezeigt wird.
Wenn Sie bereit sind, mit der Schaltung des Creatives zu beginnen, klicken Sie auf Veröffentlichen . Wenn Sie noch einige Änderungen vornehmen möchten, klicken Sie auf Entwurf speichern . Creative-Entwürfe können Werbebuchungen erst zugewiesen werden, nachdem sie veröffentlicht wurden.

Kompatibles Inventar

AMPHTML-Creatives werden über Ad Manager-Auktionsinventar auf AMP- und HTML-Webseiten geschaltet. Es ist kein spezielles Werbebuchungs-Targeting erforderlich.

Suchen Sie in Display & Video 360 nach AMPHTML-Creatives

AMPHTML-Creatives sind "Standard"-Display-Creative-Typen in Display & Video 360. Um AMPHTML-Creatives zu finden, wenden Sie den Filter AMP-Kompatibilität an und dann Ja in der Filterleiste auf der Creatives- Seite Ihres Werbetreibenden.

Berichte zu AMPHTML-Creatives

Bei Berichten zu Displaykampagnen, die AMPHTML-Creatives enthalten, gibt es zwei Dimensionen, die Sie in Berichte aufnehmen können, um zu sehen, wie oft AMPHTML-Creatives geschaltet werden und wie oft sie auf AMP-Webseiten geschaltet werden.

In AMP gerendertes Creative: Gibt an, ob ein Creative für eine bestimmte Impression in AMP gerendert wurde.
AMP-Seitenanforderung: Ob die angegebene Impression auf einer AMP-Webseite geliefert wurde.

Wenn AMPHTML-Creatives auf AMP-Webseiten geschaltet werden, haben beide Dimensionen den Wert „Ja".

Wenn AMPHTML-Creatives auf HTML-Webseiten geschaltet werden, hat „Creative Rendered in AMP" den Wert „Yes", während „AMP Page Request" den Wert „No" hat.

Pc Support

Saturday, April 15, 2023