Page Comparison

<script type="text/javascript">
  if (Cookies.get('ga-opt-out') === '1') {
    // Hier für jeden verwendeten GA Account eine solche Zeile einfügen und
    // {ACCOUNT} mit der Account ID ersetzen.
    // Dann diesen Kommentarblock löschen.
    window['ga-disable-{ACCOUNT}'] = true;
  }
 
  $(function() {
      $('[data-ga-optout-enable]').on('click', function() {
          Cookies.set('ga-opt-out', '1');
      });
 
      $('[data-ga-optout-disable]').on('click', function() {
          Cookies.set('ga-opt-out', '0');
      });
  });
</script>

Um alle Nutzerinteraktionen über den Tag Manager in Google Analytics tracken zu können, sind zwei GTM-Tags notwendig: 

• das GA-Seitenaufruf-Tag, welche alle Seitenaufrufe an Google Analytics übergibt.

• das GA-Bilderslider-Tag, welches die einzelnen Slides zwischen den Bilddetailansichten als Seitenaufruf an Google Analytics übergibt.

1. Erstellung des GA-Seitenaufruf-Tags

Schritt 1: Im Google Tag Manager anmelden und die entsprechenden Container anwählen.

Schritt 2: Im Arbeitsbereich auf den Menüpunkt “Tags” klicken. Zunächst das normale Google Analytics-Tag im Container erstellen. Es muss ein Name für das Tag eingegeben (z. B. "GA-Seitenaufruf") und als "Tag-Typ" die Option "Universal Analytics" ausgewählt werden.

Schritt 3: Als Tracking-Typ “Seitenaufruf” wählen. 

Schritt 4: Im Dropdown-Menü unter Google Analytics-Einstellungen “Neue Variable…” wählen. In dieser Variable können zentral alle Google Analytics-Einstellungen verwaltet werden. Für die Variable muss ein Name vergeben werden, z. B. Google Analytics - global. In das Feld für die Tracking-ID ist die Google Analytics-Tracking-ID (UA-xxxxxx-xx) einzugeben. 

Schritt 5: Einrichtung der IP-Adressen-Anonymisierung: Unter “Weitere Einstellungen” die Option “Festzulegende Felder” auswählen. Bei Feldname ist anonymizeIp und bei Wert true einzugeben (siehe nachstehende Abbildung). 

Image Added

Schritt 6: Auf “Speichern” klicken. Es wird dann auf die Tag-Konfiguration zurückgeleitet (siehe nachstehende Abbildung).

Image Added

Schritt 7: Als Trigger “All Pages” wählen, damit das Tag auf allen Seiten ausgelöst wird. Das Tag speichern. Damit ist das erste von zwei GA-Analytics-Tags erstellt.

Image Added

2. Erstellung des GA-Bilderslider-Tags

Nun wird das Google-Analytics-Tag erstellt, mit welchem die Slides der Bilddetailsichten an Google Analytics übergeben werden können. Dafür sind die folgenden Schritte notwendig.

Schritt 8: Zunächst muss für den Bilder-Slide ein Ereignis-Trigger angelegt werden. Dafür muss im Arbeitsbereich auf “Trigger” und dann auf “Neu” geklickt werden. 

Schritt 9: Als Triggername ist z. B. “Bilderslider_Silde” zu vergeben. Als Triggertyp “Benutzerdefiniertes Ereignis” auswählen. Als Ereignisname wird custom.event.photoSwipeImageView eingegeben. Hierbei ist auf die korrekte Schreibweise zu achten! Der Trigger soll für alle benutzerdefinierten Ereignisse ausgelöst werden. Den Trigger speichern.

Image Added

Schritt 10: Im Arbeitsbereich auf den Menüpunkt “Tags” klicken. Nun ist ein Google Analytics-Tag für den Bilderslider im Container zu erstellen. Es ist ein Name für das Tag einzugeben (z. B. "GA-Bilderslider") und als "Tag-Typ" die Option "Universal Analytics" auszuwählen.

Schritt 11: Als Tracking-Typ “Seitenaufruf” wählen. Unter Google Analytics-Einstellungen muss die unter Kapitel 1.1 erstellte Google-Analytics-Variable (z. B. Google Analytics - global), die nun im Dropdown aufzufinden sein sollte, gewählt werden.

Schritt 12: Als Trigger den zuvor angelegten Ereignis-Trigger für den Bilderslider wählen (z. B. “Bilderslider_Silde”). Das Tag speichern. Damit sind alle Tags angelegt, welche für das Tracking aller Nutzerinteraktionen über der Tag Manager in Google Analytics notwendig sind. Sobald die Änderungen veröffentlicht wurden, werden alle Nutzerinteraktionen als Seitenaufruf an Google Analytics übergeben.

Image Added