AMP für Google Ads-Landingpages verwenden

Landingpages, die schneller geladen werden, führen normalerweise zu mehr Conversions. AMP ist eine gute Möglichkeit, attraktive Google Ads Landingpages zu erstellen, die schneller geladen werden. amp.dev finden Web entwickler die Ressourcen, die sie zum Erstellen attraktiver, leistungsstarker Seiten benötigen. In dieser Schritt-für-Schritt-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

Informationen zum Erstellen einer einfachen AMP-Seite finden Sie im Tutorial Erste AMP-Seite erstellen des AMP-Projekts. Weitere praktische Schritt-für-Schritt-Anleitungen finden Sie in den Tutorials HTML in AMP konvertieren und Erweiterte AMP Funktionen hinzufügen. Beispielcode und Vorlagen für AMP-Komponenten finden Sie unter AMP Websites – Beispiele und AMP Vorlagen.

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

  • amp-bind: Fügt benutzerdefinierte zustandsbehaftete Interaktivität basierend auf JavaScript-ähnlichen Ereignissen hinzu.
  • amp-form: Erstellt Landingpages, auf denen Nutzer Eingaben machen müssen.
  • amp-list: Ruft Inhalte dynamisch von einem CORS-JSON-Endpunkt ab.
  • amp-carousel: Bildkarussell zum Scrollen durch eine Bildergalerie.
  • amp-lightbox: Zeigt eine Vollbildansicht einer Komponente an, wenn mit ihr interagiert wurde.
  • amp-call-tracking Ersetzt dynamisch eine Telefonnummer in einem Hyperlink für das Anruf-Tracking.
  • amp-mustache: Ermöglicht das Rendering mit Mustache.js.
  • amp-date-picker: Bietet ein Widget zum Auswählen von Datumsangaben. Die Datumsauswahl kann als Overlay relativ zu Eingabefeldern oder als statisches Kalender-Widget gerendert werden.

AMP-Seiten validieren

Während der Entwicklung sollten Sie darauf achten, dass Ihre AMP-Seiten gültig sind. AMP bietet verschiedene Methoden zum Validieren Ihrer Dokumente. Die häufigste Methode zum Validieren einer AMP-Seite ist die Verwendung der webbasierten Validierung oder der Validierung in den Google Webmaster -Tools. Sie können auch das Chrome Browser Plug-in und die Entwicklerkonsole verwenden oder das amphtml-validator npm Modul in Ihren Build einbinden.

Sie können auch AMPBench verwenden. Das ist eine Open Source-Webanwendung und ein Dienst zum Validieren und Debuggen von Problemen bei der Bereitstellung von AMP-Seiten.

Support zum Testen von AMP-Seiten erhalten Sie auf der Seite Getting Support des AMP-Projekts.

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 zu erfahren, wie Sie das einrichten.

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. Neben Google Ads-Conversions können Sie mit Google Tag Manager Remarketing, DoubleClick Floodlight, Google Universal Analytics und ähnliche Analyseprodukte hinzufügen. Eine vollständige Liste der kompatiblen Tags finden Sie hier.

Adobe Analytics (ehemals Omniture)

Adobe Analytics bietet zwei Methoden zum Implementieren der Lösung für das Tracking der Websiteleistung mit der Komponente amp-analytics: iframe (adobeanalytics_nativeConfig) und non-iframe (adobeanalytics) Implementierung. Informationen zu den Vor- und Nachteilen sowie Details zur Implementierung der einzelnen Ansätzefinden Sie hier.

Mit der Komponente amp-analytics können Sie Nutzeraktionen und ‑ereignisse erfassen. AMP Analytics bietet native Unterstützung von über 40 Analyseanbietern. Das Framework ist flexibel und ermöglicht es Ihnen, URLs mithilfe benutzerdefinierter 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 derzeit nicht unterstützt wird, bitten Sie Ihren Anbieter, Unterstützung hinzuzufügen.

AMP Analytics ermöglicht auch eine flexible Variablensubstitution. Weitere Informationen finden Sie in der VariablensubstitutionsDokumentation.

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

AMP-Seiten in der Google Suche werden automatisch erkannt über den Link von Ihren Seiten, Werbetreibende müssen die AMP-Seiten-URL jedoch explizit in Google Ads eingeben. Weitere Informationen zum Einrichten von AMP-URLs in der Google Ads-Benutzeroberfläche finden Sie unter AMP in Google Ads verwenden.

Wenn Sie Google Ads-Traffic auf Ihre AMP-Landingpage lenken möchten, diese aber nicht in den organischen Suchergebnissen erscheinen soll, fügen Sie Ihrer Datei robots.txt für die entsprechenden AMP-Seiten die Anweisung `Disallow` hinzu, wie Sie es für jede normale Webseite tun würden.

Das AMP-Projekt fügt täglich neue Funktionen und Komponenten hinzu. Wenn Sie eine fehlende Funktion finden, können Sie sie hinzufügen oder anfordern, indem Sie ein GitHub- Problem öffnen.