Contact Form 7 Conversion Tracking mit Google Analytics & Adwords

In diesem Artikel beschreibe ich wie man das Absenden eines Contact Form 7 Formulars mit Google AdWords beziehungsweise Google Analytics tracked.

Erstellung einer Ziel-Seite

Um das Ereignis richtig zu tracken, erstellen wir in WordPress eine neue Seite. Ich nenne diese einfach nur „Danke“. Die URL der Seite lautet somit bei mir https://pugstaller.com/danke/.
Da ich nicht will, dass Google diese Seite indiziert, setzte ich diese auf noindex. Dazu verwende ich das Plugin WordPress SEO by Yoast. Unter dem Textbereich der Danke-Seite befinden sich die Einstellungen von WordPress SEO von Yoast. Im Reiter „Erweitert“ befindet sich die Option „Meta Robots Index“, die wir auf noindex setzen. Außerdem ändern wir die Einstellung von „In Sitemap einbinden“ auf „Nicht einbinden“.

Zusätzlich sollten Sie die Seite aus der Liste aller Seiten Ihres Blogs entfernen. Dazu verwende ich das Plugin Exclude Pages. Alternativ können Sie auch die Seite manuell aus der Liste entfernen. Warum? Sollten Sie alle Seiten z.B. per Widget anzeigen lassen, können Sie durch das ausschließen der Seite verhindern, dass diese unabsichtlich von Besuchern entdeckt wird.

Weiterleitung auf Danke-Seite

Nach erfolgreichem Senden der Nachricht via Contact Form 7, soll der Besucher auf die Danke-Seite weitergeleitet werden.
Klicken Sie im Admin-Bereich auf „Formular“ und anschließend auf das Formular, das getracked werden soll. Scrollen Sie ganz nach unten zum Punkt „Zusätzliche Einstellungen“ und fügen Sie dort folgende Zeile ein:

on_sent_ok: "location.replace('https://pugstaller.com/danke/');"

Die Weiterleitung sollte nun bei erfolgreichem Absenden der Nachricht funktionieren.

Ziel definieren in Google Analytics

1. Melden Sie sich in Ihrem Google Analytics Account an und wählen Sie die Webseite, die getracked werden soll.
2. Klicken Sie rechts oben auf „Verwalten“.
   
3. Klicken Sie in der rechten Spalte auf „Ziele“
   
4. Klicken Sie auf den Button mit der Aufschrift „+ NEUES ZIEL“
   
5. Benennen Sie das Ziel und wählen Sie unter Typ „Ziel“ aus. Klicken Sie anschließend auf „Nächster Schritt“.
   
6. Fügen Sie nun unter Ziel den relativen URL-Pfad Ihrer Zielseite ein. In meinem Fall ist die relative URL (URL ohne Domainname) /danke/. Aktivieren Sie den Trichter und fügen Sie sowohl einen Schrittnamen als auch die relative URL der Formularseite ein. In meinem Fall ist das /kontakt/. Definieren Sie diesen Schritt als erforderlich und klicken Sie auf „Ziel erstellen“.
   
7. Das Ziel ist nun erstellt und das Tracking beginnt.

Design

Da kurz vor der Weiterleitung eine Mitteilung über das erfolgreiche Versenden der Nachricht sichtbar wird, wollen wir dieses durch eine kleine Ergänzung in unserem Stylesheet unsichtbar machen.
Fügen Sie dazu folgende Zeilen in der CSS-Datei Ihres Themes ein:

.wpcf7-mail-sent-ok {
  display: none !important;
}