Google Tag Manager-Tutorial Teil 2

Im ersten Teil unseres überarbeiteten Tutorials für die Google Tag Manager-Version 2 haben wir gezeigt, wie Tags und Triggers aufgesetzt werden können, um Outbound Links zu messen. Falls Sie den ersten Teil noch nicht gelesen haben, schauen Sie sich bitte mindestens die Einleitung kurz an. Denn alle dort beschriebenen Anforderungen gelten auch für diesen Teil.

Im zweiten Teil setzen wir Schritt für Schritt das Tracking für Downloads auf Ihrer Webseite auf. Mit diesem Setup können Sie die Anzahl und die Art der Downloads auf der Webseite messen. Jedes Mal wenn ein Benutzer auf einen Link klickt, der die definierte Dateiendung enthält (zum Beispiel .pdf), wird dies als Ereignis aufgezeichnet, das den Typ und die URL der Datei enthält. In Google Analytics ist dann sichtbar, wie viele und welche Dateien heruntergeladen wurden.

In diesem Teil stellen wir zudem mit den benutzerdefinierten Variablen eine wichtige Komponente des Google Tag Managers vor. Variablen erlauben es, die Daten in den Tags und Triggers genauer zu definieren. Der Google Tag Manager enthält viele nützliche vorkonfigurierte Variablen. Sie können aber auch selbst Variablen erstellen, was wir im Folgenden tun werden.

1. Erstellen der «Filetype»-Variable

Diese Variable besteht aus einigen Zeilen JavaScript, mit denen die Datei-Endung am Ende des Links abgeschnitten wird, so dass der Dateityp ersichtlich ist. Dieses benutzerdefinierte JavaScript stammt von Simo Ahavas grossartigem Blog Post zu Google Tag Manager-Makros (für Google Tag Manager Version 1).

Klicken Sie unter «Benutzerdefinierte Variablen» auf der Variablen-Seite auf «Neu», um eine neue Variable zu erstellen.
Ersetzen Sie den Namen «Unbenannter Trigger» durch eine deskriptive Bezeichnung wie «Filetype».
Typ auswählen: «Benutzerdefiniertes Javascript».
Variable konfigurieren: Kopieren Sie die folgenden Code-Zeilen und geben Sie sie im Eingabefeld für Benutzerdefiniertes JavaScript ein:

function() {
  var ext = {{Click Element}}.pathname.split(".");
  return ext.length>1?ext.pop():'html';
}

Klicken Sie auf «Variable erstellen».

Creating a custom variable for tracking download link clicks in Google Tag Manager version 2

2. Erstellen eines Triggers für den «Download-Link-Klick»

Dieser Trigger definiert, ob ein Klick auf einen Link einen Download enthält. Der Trigger enthält eine lange Liste von Datei-Endungen. Wenn ein Link eine davon enthält, gibt der Trigger dem Tag den Befehl, loszulegen. Die Liste der Datei-Endungen kann angepasst werden, so dass sie nur die Endungen enthält, die Sie interessieren oder die auf Ihrer Webseite vorhanden sind.

Klicken Sie auf der Trigger-Seite auf «Neu», um einen neuen Trigger zu erstellen.
Ersetzen Sie den Namen «Unbenannter Trigger» durch eine deskriptive Bezeichnung wie «Download-Link-Klick».
Ereignis auswählen: Wählen Sie «Klick» aus.
Trigger konfigurieren:
1. Wählen Sie bei den Zielen «Nur Links» aus. Dies erfordert, dass der Klick auf einen Link und nicht auf etwas Anderes, wie zum Beispiel einen Button, erfolgt.
2. Klicken Sie «Auf Tags warten» an und geben Sie als maximale Wartezeit 2000 Millisekunden ein. Dies erlaubt es dem Trigger, bis zu zwei Sekunden auf alle Tags zu warten, die diesen Trigger verwenden, bevor der Nutzer zur verlinkten Datei weitergeleitet wird.
3. Klicken Sie auf «Bestätigung überprüfen». Damit wird sichergestellt, dass es sich tatsächlich um einen gültigen Link handelt, der den Nutzer auf eine andere Seite führt.
Aktivieren bei:
1. Wählen Sie die folgende Option aus: Page URL stimmt nicht überein mit regulärem Ausdruck «.*». Dies aktiviert den Trigger auf allen Seiten der Webseite.
Auslösen bei:
1. Wählen Sie «Einige Klicks» an.
2. Wählen Sie die folgende Option aus:
  1. Click URL stimmt mit regulärem Ausdruck überein «^.*\.(7z|aac|arc|arj|asf|asx|avi|bin|csv|doc|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls|xml|z|zip)$». Dieser reguläre Ausdruck überprüft, ob der angeklickte Link mit einer dieser Datei-Endungen endet. Diese Links werden in der Regel heruntergeladen und nicht im Browser geöffnet.
Klicken Sie auf «Trigger erstellen».

(Aktualisierter Screenshot vom 19.7.2016)

Ändern Sie die Liste mit den durch «|» getrennten Datei-Endungen in den «Auslösen bei»-Optionen, wenn Sie nur bestimmte Download-Typen messen möchten.

3. Erstellen eines Tags für den Event «Download»

Erst jetzt, nachdem die notwendige Variable und der Trigger erstellt worden sind, wird der eigentliche Event-Tracking-Tag erstellt. Der Download-Tag misst die Klicks auf die Links mit den Datei-Endungen, die Sie im Trigger für den «Download-Link-Klick» angegeben haben und zeigt sie als Download-Ereignisse in Google Anlaytics an.

Klicken Sie auf der Tag-Seite auf «Neu», um einen neuen Tag zu erstellen.
Ersetzen Sie den Namen «Unbenanntes Tag» durch einen beschreibenden Namen, wie zum Beispiel «Download Event».
Produkt auswählen:
1. Wählen Sie «Google Analytics» aus.
Tag-Typ auswählen:
1. Wählen Sie «Universal Analytics» oder «Klassisches Google Analytics» aus (abhängig davon, welche Version Sie für Ihre Webseite verwenden).
Tag konfigurieren:
1. Tracking-ID: Tragen Sie die Tracking-ID der Google Analytics-Property für Ihre Webseite ein.
2. Erfassungstyp: Wählen Sie «Ereignis» aus.
3. Kategorie: Tragen Sie «Download» ein.
4. Aktion: Tragen Sie «{{Filetype}}» ein.
5. Label: Tragen Sie «{{Click URL}}» ein.
6. Treffer ohne Interaktion: Wählen Sie «Falsch» aus. Das bedeutet, dass sich dieser Event auf Ihre Absprungrate auswirken wird, weil er als Interaktion auf der Webseite gezählt wird.
Auslösen bei:
1. Wählen Sie «Klick» aus.
2. Im nun erscheinenden Menü «Vorhandenen Klick-Trigger auswählen» wählen Sie den Trigger «Download-Link-Klick» aus, den Sie in Schritt 2 erstellt haben.
Klicken Sie auf «Tag erstellen».

Create the tags for tracking download link clicks in Google Tag Manager version 2

Die Downloads erscheinen in Google Analytics mit der Kategorie «Downloads», als Aktion sehen Sie den Dateityp (pdf, doc, etc.) und als Label wird die URL des Links angegeben.

Das war’s!

Jetzt können Sie Ihr Setup debuggen (siehe Teil 1, Schritt 4 dieses Tutorials) um sicherzustellen, dass auch das Richtige gemessen wird. Sie sollten eine Version speichern und nicht vergessen, sie anschliessend zu veröffentlichen.

Im nächsten und letzten Teil unseres Google Tag Manager-Tutorials lernen Sie, wie Sie das Ausfüllen von Formularen tracken können.