Integration von Google Analytics

Datenschutz-Hinweis:

Gemäß aktueller Rechtsprechung reicht ein einfacher Hinweis auf jegliche Instrumente der Werbewirksamkeitsforschung, des Marketings oder der Verkaufsförderung nicht mehr aus. Zu diesen Instrumenten gehören beispielsweise Cookies oder Tracking (Datenverarbeitung durch Dritte). Auch als Voreinstellung aktivierte Optionen sind unzulässig.
Vielmehr muss der Shopbesucher aktiv bestätigen, dass er mit der Verwendung o. g. Instrumente auf seinem Endgerät einverstanden ist. Bei zustimmungspflichtigen Instrumenten und Funktionen muss also stets ein Opt-In-Verfahren gewählt werden (Kunde klickt aktiv Kästchen an, um seine Zustimmung zu signalisieren). Dieses Verfahren gewährleistet, dass erst nach ausdrücklicher Zustimmung erstmals Daten übertragen werden. Bitte wenden Sie sich zur Klärung von Einzelheiten und zum Abgleich mit der aktuellen Rechtsprechung stets an Ihren Datenschutzbeauftragten.

Allgemeine Informationen zu Google Analytics sowie den für die Unterstützung notwendigen JavaScript-Code erhalten Sie von Google.

Inhalt

1 Integration von Google Analytics

2 Direkte Integration von Google Analytics in die Templates (Alternative Integration)

 

1 Integration von Google Analytics

Google bevorzugt die Integration des Google Analytics Codes innerhalb des <head>-Bereichs eines Templates.

Voraussetzung

Für die Nutzung von Google Analytics ist ein Google-Konto notwendig.

Bitte beantragen Sie bei der WEBSALE AG die Freischaltung der Trackingschnittstelle.

Schritt 1: Tracking-Code in Google Analytics erzeugen

Gehen Sie auf Google Analytics und erzeugen Sie Ihren Tracking-Code. Kopieren Sie diesen Code und integrieren Sie ihn auf Ihren Templates.

Beispiel eines Google Analytics Codes von Google:

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-57YZA4-1']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>

 

Hinweis:

Die rot-markierte Zeichenfolge ist ein Beispiel für die Kunden-ID, die Sie von Google erhalten.

Schritt 2: Integration des Google Analytics Code in die ws_analyse.js

Kopieren Sie den von Google gelieferten Code in die Trackingdatei "ws_analyse.js".

Die Trackingdatei ws_analyse.js ist dafür konzipiert, alle tracking-spezifischen JavaScripts verschiedener Tracking-Dienstleister aufzunehmen. Wenn Sie von einem Anbieter eine Datei ws_analyse.js erhalten, müssen Sie deshalb den Inhalt per Kopie in die gleichnamige Datei im Shopverzeichnis einfügen. Sie sollten den Beginn und das Ende jedes Tracking-Codes mit Kommentarzeilen versehen, damit Sie später die JavaScripts der verschiedenen Dienstleister leichter identifizieren können.

Wegweiser: Beschreibung der Tracking-Schnittstelle

Fügen Sie mit Kommentarzeilen einen separaten Abschnitt für diesen Code ein, wie im folgenden Beispiel gezeigt.

...
...
// *******************************************************
// Beginn Google Analytics 
// *******************************************************
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-57YZA4-1']);
  _gaq.push(['_trackPageview']);
 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
// *******************************************************
// Ende Google Analytics
// *******************************************************
...
...

Wegweiser: Beschreibung der Tracking-Schnittstelle

Schritt 3: Integration in die Templates

Da Google die Integration des Google Analytics Codes innerhalb des <head>-Bereichs eines Templates bevorzugt, müssen Sie das Tag ~WS-ExternalStatistics~ auf allen gewünschten Templates wie folgt platzieren:

<head>
   ...
    ~WS-ExternalStatistics~
   ...
</head>

Referenz: WS-ExternalStatistics

Materialien: Beispiel des Trackings auf einer Shopseite

Schritt 4: Integration überprüfen

Überprüfen Sie nun, ob das Tracking auch richtig funktioniert. Dies ist mithilfe der Analytics-Oberfläche oder im Google Chrome mithilfe des Tag Assistant (by Google) möglich.

Wegweiser: Einrichtung des Web-Tracking-Codes überprüfen

 

2 Direkte Integration von Google Analytics in die Templates (Alternative Integration)

Es ist auch möglich den Google Analytics Code direkt in die Templates zu integrieren. Die Tracking-Schnittstelle wird für diese Art der Integration nicht benötigt.

Voraussetzung

Für die Nutzung von Google Analytics ist ein Google-Konto notwendig.

Schritt 1: Tracking-Code in Google Analytics erzeugen

Gehen Sie auf Google Analytics und erzeugen Sie Ihren Tracking-Code. Kopieren Sie diesen Code und integrieren Sie ihn auf Ihren Templates.

Beispiel eines Google Analytics Codes von Google:

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-57YZA4-1']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>

 

Hinweis:

Die rot-markierte Zeichenfolge ist ein Beispiel für die Kunden-ID, die Sie von Google erhalten.

Schritt 2: Anlegen eines Include-Bereiches

In der Regel muss Google Analytics auf allen Shopseiten integriert werden. Wir empfehlen Ihnen daher in der FastInclude-Datei (incl_fast_includes.htm) einen Bereich für den Google Analytics Code anzulegen.

Beispiel:

Wir legen einen Include-Bereich mit dem Namen Incl-GoogleAnalytics an.

{Incl-GoogleAnalytics}
 
   <script type="text/javascript">
     var _gaq = _gaq || [];
     _gaq.push(['_setAccount', 'UA-57YZA4-1']);
     _gaq.push(['_trackPageview']);
     (function() {
       var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
       ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
     })();   
   </script>
 
{/Incl-GoogleAnalytics}

Wegweiser: Include-Bereiche

Schritt 3: Einbinden des Include-Bereiches

Fügen Sie jetzt den Include-Bereich mithilfe des Tags WS-Fast_Include() in alle Templates ein, auf denen der Google Analytics Code integriert werden soll.
 

<head>
 
   ~WS-Fast_Include(Incl-GoogleAnalytics)~
 
</head>

Referenz: WS-Fast_Include()

Referenz: WS-Fast_Include2...4()

Schritt 4: Integration überprüfen

Überprüfen Sie nun, ob das Tracking auch richtig funktioniert. Dies ist mithilfe der Analytics-Oberfläche oder im Google Chrome mithilfe des Tag Assistant (by Google) möglich.

Wegweiser: Einrichtung des Web-Tracking-Codes überprüfen