AMP für Google Ads-Landingpages verwenden

Schnellere Landingpages führen in der Regel zu mehr Conversions. AMP ist eine hervorragende Möglichkeit, ansprechende Google Ads-Landingpages zu erstellen, die schneller geladen werden. Auf amp.dev finden Webentwickler die Ressourcen, die sie zum Erstellen ansprechender, leistungsstarker Seiten benötigen. In dieser detaillierten Anleitung wird beschrieben, wie Sie Google Ads und andere Werbetechnologien auf Ihren AMP-Seiten verwenden.

Schritt 1: AMP-Seiten erstellen und validieren

AMP-Seiten erstellen

Wenn Sie wissen möchten, wie Sie eine einfache AMP-Seite erstellen, beginnen Sie mit der Anleitung Erste AMP-Seite erstellen des AMP-Projekts. Wenn Sie eine praxisorientierte Schritt-für-Schritt-Anleitung benötigen, können Sie die Tutorials HTML in AMP konvertieren und Erweiterte AMP-Funktionen hinzufügen durcharbeiten. Beispielcode und Vorlagen für AMP-Komponenten finden Sie unter Beispiele für AMP-Websites und AMP-Vorlagen.

In der folgenden Liste werden einige Komponenten beschrieben, die auf AMP-Seiten verwendet werden. Eine vollständige Liste der Komponenten findest du hier.

  • amp-bind: Fügt benutzerdefinierte zustandsorientierte Interaktivität basierend auf JavaScript-ähnlichen Ereignissen hinzu.
  • amp-form: Landingpages erstellen, die Eingaben vom Nutzer erfordern.
  • amp-list: Ruft Inhalte dynamisch von einem CORS-JSON-Endpunkt ab.
  • amp-carousel: Bilderkarussell zum Scrollen durch eine Bildergalerie.
  • amp-lightbox: Zeigt eine Vollbildansicht einer Komponente an, wenn mit ihr interagiert wurde.
  • amp-call-tracking: Ersetzt eine Telefonnummer in einem Hyperlink dynamisch für das Anruf-Tracking.
  • amp-mustache: Ermöglicht das Rendern mit Mustache.js.
  • amp-date-picker: Stellt ein Widget zur Auswahl von Datumsangaben bereit. Die Datumsauswahl kann als Overlay relativ zu Eingabefeldern oder als statisches Kalender-Widget gerendert werden.

AMP-Seiten validieren

Prüfe während der Entwicklung, ob deine AMP-Seiten der AMP-Spezifikation entsprechen. AMP bietet mehrere Validierungsmethoden. Am häufigsten werden AMP-Seiten mit dem AMP-Webvalidator oder dem AMP-Test der Search Console validiert. Sie können auch die Chrome-Erweiterung „AMP Validator“ und die Entwicklerkonsole verwenden oder das npm-Modul „amphtml-validator“ in Ihren Build einbinden.

Unterstützung beim Testen von AMP-Seiten erhalten Sie auf der AMP-Supportseite.

Schritt 2: AMP für Conversion-Tracking und Analysen einrichten

Verwenden Sie die Komponente amp-analytics, um Google Ads-Conversions zu erfassen. Folgen Sie der Anleitung unter Google Ads-Conversion-Analyse für AMP-Landingpages einrichten, um die Einrichtung vorzunehmen.

Google Analytics

Google Analytics ist eine der von amp-analytics unterstützten Analyselösungen. Wenn Sie Sitzungen auf AMP- und Nicht-AMP-Seiten zusammenführen möchten, folgen Sie der Anleitung unter Google Analytics-Sitzungsergänzung für AMP einrichten.

Google Tag Manager

Die Komponente amp-analytics bietet integrierte Unterstützung für Google Tag Manager. Zusätzlich zu Google Ads-Anzeigen-Conversions können Sie mit Google Tag Manager Remarketing-, Floodlight- und ähnliche Messtools hinzufügen. Vollständige Liste der kompatiblen Tags

Adobe Analytics

Adobe Analytics bietet zwei Methoden zur Implementierung seiner Lösung für das Tracking der Websiteleistung mit der Komponente amp-analytics: iFrame (adobeanalytics_nativeConfig) und Nicht-iFrame (adobeanalytics). Informationen zu den Vor- und Nachteilen sowie zur Implementierung der einzelnen Ansätze findest du in der Adobe Analytics-Dokumentation zu AMP.

Mit der Komponente amp-analytics kannst du Nutzeraktionen und -ereignisse erfassen. AMP Analytics wird von mehr als 40 Analyseanbietern nativ unterstützt. Das Framework ist flexibel und ermöglicht es Ihnen, URLs mithilfe von benutzerdefinierten Konfigurationen zu messen und auszulösen, um Analysedaten an Ihre eigenen Server oder an Anbieter zu senden, bei denen keine native AMP-Unterstützung verfügbar ist. Wenn Sie eine Technologie verwenden, die nicht unterstützt wird, bitten Sie Ihren Anbieter, die Unterstützung hinzuzufügen.

AMP Analytics ermöglicht auch eine flexible Variablenersetzung. Weitere Informationen finden Sie in der Dokumentation zur Variablenersetzung.

Schritt 3: AMP-Auslieferung in der Google Ads-Benutzeroberfläche aktivieren

Während AMP-Seiten in der Google Suche über den Link auf Ihren Seiten automatisch erkannt werden, müssen Werbetreibende die URL der AMP-Seite in Google Ads explizit eingeben. AMP in Google Ads verwenden enthält weitere Informationen zum Einrichten von AMP-URLs in der Google Ads-Benutzeroberfläche.

Wenn Sie Google Ads-Traffic auf Ihre AMP-Landingpage leiten möchten, die Seite aber nicht in den Ergebnissen der organischen Suche erscheinen soll, fügen Sie Ihrer robots.txt-Datei Disallow-Anweisungen für die entsprechenden AMP-Seiten hinzu, so wie Sie es auch für jede normale Webseite tun würden.

Wenn ihr eine Funktion vermisst, könnt ihr einen Beitrag leisten oder sie anfordern, indem ihr ein GitHub-Problem meldet.