Einführung in AMPHTML Ads

Was ist eine AMPHTML Ad?

AMPHTML Ads ermöglichen dir, schnellere, schlankere und sicherere Werbung im Web zu schalten. AMP Seiten unterstützen zwar auch herkömmliche HTML Ads, aber diese laden mitunter zu langsam. Um die Ads an die Geschwindigkeit der restlichen AMP Seite anzupassen, kannst du sie in AMPHTML erstellen. AMPHTML Ads werden erst nach ihrer Validierung bereitgestellt, was die Sicherheit und Geschwindigkeit der Ads gewährleistet. Und nicht zuletzt können diese Ads nicht nur auf AMP Seiten, sondern überall im Web geschaltet werden.

AMPHTML Ads werden unter Berücksichtigung der AMPHTML Ad Spezifikation (einer Variante von AMP HTML + CSS) in AMP HTML geschrieben. Das bedeutet, dass Ads nicht mehr in der Lage sind, beliebiges JavaScript auszuführen, was in der Regel die Hauptursache für leistungsschwache Ads ist. Daher sind – genau wie die Kernversion von AMP – die JavaScript Use Cases für die Kernversionen der Ads in das AMP Open Source Projekt integriert. Das garantiert das erwünschte Verhalten der Ads.

Vorteile

Warum sind AMPHTML Ads besser als herkömmliche Anzeigen?

1. Schneller: AMPHTML Ads sind schneller, da die Ads zu einem früheren Zeitpunkt im Rendering der Seite angefordert werden. Sie werden angezeigt, kurz bevor der Benutzer die Ad sieht. Darüber hinaus erhöht die reduzierte Dateigröße von AMPHTML Ads die Geschwindigkeit.
2. Leichter: AMPHTML Ads kombinieren häufig verwendete Funktionalitäten von Ads, wodurch die Dateigröße der Ad reduziert wird. Sobald AMPHTML Ads auf der Seite angezeigt werden, verbrauchen sie auch weniger Ressourcen. So sammeln z. B. AMPHTML Ads alle Daten auf einmal und verteilen sie an eine beliebige Anzahl interessierter Tracker, anstelle von 10 Trackern, die in gewöhnlichen Ads alle separat ihre Informationen anfordern.
3. Koordiniert: Auf AMP Seiten kann die AMP Runtime die Nutzung der begrenzten Ressourcen eines Mobiltelefons so abstimmen, dass diese zur rechten Zeit auf die erforderlichen Komponenten fokussiert werden, um die beste Benutzererfahrung zu erzielen. Beispielsweise werden AMPHTML Ads mit Animationen angehalten, sobald sich die Ads nicht mehr im aktuellen Viewport befinden.
4. Mehr Engagement: Benutzer können sich nicht mit Ads beschäftigen, die sie nicht sehen können. Schnellere Ads führen zu einer höheren Sichtbarkeit und damit zu höheren Durchklickraten, was letztendlich erfolgreichere Ads bedeutet.
5. Sicher vor Malware: Es ist unmöglich, Malware mit AMPHTML Ads zu verbreiten, da die Ads vor ihrer Bereitstellung verifiziert werden. Auf diese Weise können Werbetreibende eine sichere Benutzerfahrung gewährleisten und eine positive Wahrnehmung ihrer Marke erzielen.
6. Flexibler: AMPHTML Ads sind sowohl für AMP Webseiten als auch für gewöhnliche Seiten konzipiert und funktionieren auf allen Geräten.

Formate

AMPHTML Ads sind flexibel und dynamisch und ermöglichen viele kreative Formate wie Karussell, Parallax und Lightbox, um nur einige wenige zu nennen. Ein guter Anfang sind die Open-Source AMPHTML Ad Templates unter Beispiele.

So funktionieren AMPHTML Ads

1. Publisher reservieren über das Tag amp-ad einen Platz für die Ad auf ihrer AMP Seite und geben das Werbenetzwerk an, das sie verwenden möchten.
2. Die AMP Runtime sendet eine Anfrage an das angegebene Werbenetzwerk, um die Ad abzurufen. Werbenetzwerke, die AMPHTML Ads bereitstellen können, bieten eine Fast Fetch Implementierung, mit der das Creative validiert und signiert wird.
3. Das Werbenetzwerk antwortet mit der AMPHTML Ad und die AMP Runtime rendert die Ad auf der AMP Seite.

AMPHTML Ads bereitstellen

Publisher

Um deine direkt verkauften Ad Formate in AMPHTML bereitzustellen, müssen die Ads gemäß der AMPHTML Ad Spezifikation erstellt und über einen Ad Server, der die AMPHTML Ad Bereitstellung unterstützt, bereitgestellt werden. Derzeit unterstützen die folgenden Ad Server AMPHTML Ads:

• DoubleClick für Publisher
• TripleLift
• Dianomi
• Adzerk
• Google AdSense

Verwende einen der Werbenetzwerke/Ad Server mit entsprechender Unterstützung aus dieser Liste, um AMPHTML Ads über deine indirekten Kanäle (z. B. Exchange, SSP usw.) bereitzustellen.

Kreativagenturen

Als Kreativagentur musst du bei der Erstellung von Ads die AMPHTML Ad Spezifikation berücksichtigen. Inspiration und Beispiele findest du in den Open-Source AMPHTML Ad Templates unter Beispiele. Alternativ kannst du eines der folgenden Tools verwenden, um AMPHTML Ads zu erstellen:

• Celtra's Ad Creator
• Google Web Designer
• Adobe Animate (kommt bald)

Werbenetzwerke/Server

Um AMPHTML Ads auf AMP Seiten bereitzustellen, musst du die Erweiterung amp-ad für dein Netzwerk erstellen (sofern nicht bereits erfolgt), welche die Fast Fetch Implementierung für Ad Anfragen verwendet. Einzelheiten dazu findest du unter AMP integrieren, um Display Ads zu schalten. Beachte, dass für die Bereitstellung von AMPHTML an Seiten ohne AMP keine spezielle Integration erforderlich ist.

AMPHTML Ads erstellen

Von Grund auf: AMPHTML Ads müssen der AMPHTML Ad Spezifikation entsprechen. Demos und Beispiele findest du in den Open-Source AMPHTML Ad Templates unter Beispiele.

Mithilfe von Tools: Du kannst eines der folgenden Tools verwenden, um AMPHTML Creatives zu erstellen:

• Celtra's Ad Creator
• Google Web Designer
• Adobe Animate (kommt bald)

AMPHTML Ad Syntax validieren

Stelle nach der Erstellung deiner AMPHTML Ad sicher, dass die Ad die korrekte AMPHTML Syntax verwendet. Abhängig von deiner Entwicklungsumgebung stehen dir einige Optionen zur Überprüfung deiner AMPHTML Ads zur Verfügung:

• Verwende das Modul AMP Validator NPM, um die Validierung in deine Build CI zu integrieren.
• Verwende den AMP Validator für einmalige Tests.
• Arbeite mit Cloudflare zusammen und verwende deren öffentlichen Validator Endpoint.

Unterstützung von AMPHTML Ads in RTB

Informationen zu SSPs und Ad Exchanges, die AMPHTML Ads in einer Umgebung unterstützen möchten, die Real-Time Bidding (RTB) ermöglicht, findest du im Implementierungshandbuch für RTB Ad Exchanges.

FAQs

Gibt es Beispiele für AMPHTML Ads?

Ja. Du findest eine ganze Reihe großartiger AMPHTML Ad Templates unter Beispiele. Diese Beispiele verwenden erweiterte Komponenten in AMP.

Unterstützen AMPHTML Ads die Drittanbieterüberprüfung und die Erfassung der Sichtbarkeit?

Ja, es gibt native Unterstützung für Überprüfung und Erfassung der Sichtbarkeit mithilfe von amp-analytics (so wird z. B. ActiveView von Google auf diese Weise integriert). Es gibt auch andere Anbieter wie MOAT, die aktiv Unterstützung dafür implementieren.

Unterstützen AMPHTML Ads Animationen auf der Basis von Timelines?

Ja. Siehe amp-animation.

Die meisten Ads haben antippbare Zielobjekte und konfigurierbare Ad Exits. Haben AMPHTML Ads einen ähnlichen Mechanismus?

Ja. Siehe amp-ad-exit.

Ich kann keine Antwort auf meine Frage finden. Wo kann ich Fragen stellen?

• Wir empfehlen Stack Overflow für Fragen rund um AMP. Da Mitglieder der AMP Project Community regelmäßig auf Stack Overflow mitlesen, erhältst du dort mit großer Wahrscheinlichkeit die schnellste Antwort auf deine Frage.
• Tritt dem Channel #a4a-discuss auf Slack bei, um Lösungen und Antworten zu finden.
• Wenn du einen Bug in AMP findest oder dir eine bestimmte Funktion wünschst, findest du unter Probleme mit AMP melden weitere Informationen zum Erstellen von Issues.