Add-On: Tracking mit Piwik / Piwik PRO

Das Add-On „Piwik“ ermöglicht die Integration von Trackingtechnologien auf Basis von Piwik (Matomo) oder Piwik PRO. Die Konfiguration erfolgt individuell pro Shop und kann bei Bedarf aktiviert werden. Die Erfassung umfasst Seitenaufrufe, Besucherinteraktionen sowie – optional – E-Commerce-Daten aus Bestellprozessen.

Konfiguration

Die Einstellungen befinden sich unter „Verwaltung » Shops » Shop bearbeiten“ im Tab „Piwik

Erforderliche Angaben für die Nutzung:

Einstellung	Beschreibung	Beispielwert	Gilt für

Einstellung	Beschreibung	Beispielwert	Gilt für
Tracking-Modus	Auswahl zwischen klassischem Piwik (Matomo) und Piwik PRO zur Steuerung des Trackingsystems.	`Piwik (Matomo)` oder `Piwik PRO`	Beide
Piwik Site ID	Numerische ID der Website im Matomo-System. Wird nur bei klassischem Piwik benötigt.	`5`	Piwik (Matomo)
Piwik Tracker-URL	Domain der Matomo-Installation (ohne Protokoll `http://` bzw. `https://`).	`stats.example.org`	Piwik (Matomo)
Piwik PRO Container-URL	Container-URL für den Piwik PRO Tag Manager (ebenfalls ohne Protokoll).	`url.containers.piwik.pro/0000bAB0C-DE00-0000-...`	Piwik PRO
E-Commerce-Tracking	Aktivierung der Übertragung von Warenkorb- und Bestelldaten.	`aktiviert` oder `nicht aktiviert`	Beide

E-Commerce-Tracking

Bei aktivierter Option „E-Commerce-Tracking“ werden während des Kaufvorgangs und nach Abschluss einer Bestellung die folgenden Informationen automatisch an das jeweils konfigurierte Tracking-System übermittelt.

Artikelinformationen (addEcommerceItem)

Attribut	Beschreibung

Attribut	Beschreibung
SKU	Artikel-ID oder externe Artikel-ID
Product Name	Bezeichnung des Artikels
Product Price	Einzelpreis des Artikels
Product Quantity	Anzahl der gekauften Einheiten

Bestellinformationen (trackEcommerceOrder)

Attribut	Beschreibung

Attribut	Beschreibung
Order ID	Interne Bestellnummer / Bestellcode
Grand Total	Gesamtbetrag inkl. Versand und MwSt.
Subtotal	Zwischensumme exkl. Versand, inkl. MwSt.
Tax Amount	Gesamtbetrag der enthaltenen MwSt.
Shipping	Versandkosten

Einbindung des Trackingcodes im Frontend

Der Trackingcode wird automatisch auf allen Seiten eingebunden, direkt nach Öffnung des <body>-Elements. Je nach gewähltem Tracking-Modus unterscheidet sich der JavaScript-Code leicht in Struktur und Aufbau.

Beispielausgabe (klassisches Piwik / Matomo)

<!-- Piwik -->
<script type="text/javascript">
  var _paq = _paq || [];
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
      var u="//stats.example.org/";
      _paq.push(['setTrackerUrl', u+'piwik.php']);
      _paq.push(['setSiteId', 5]);
      var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
      g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<noscript><p><img src="//stats.example.org/piwik.php?idsite=5" style="border:0;" alt=""/></p></noscript>
<!-- End Piwik Code -->

Beispielausgabe (Piwik PRO)

<!-- Start Piwik PRO Tag Manager code -->
<script type="text/javascript">
    function stgCreateCookie(a,b,c){
        var d="";
        if(c){
            var e=new Date;
            e.setTime(e.getTime()+24*c*60*60*1e3);
            d="; expires="+e.toUTCString();
        }
        document.cookie = a + "=" + b + d + "; path=/";
    }

    var isStgDebug = (window.location.href.match("stg_debug") || document.cookie.match("stg_debug")) && !window.location.href.match("stg_disable_debug");
    stgCreateCookie("stg_debug", isStgDebug ? 1 : "", isStgDebug ? 14 : -1);

    var url = "//url.containers.piwik.pro/0000bAB0C-DE00-0000-0F00-0GH00I0J0LMN.sync.js" + (isStgDebug ? "?stg_debug" : "");
    document.write('<script src="' + url + '"><\/script>');
</script>
<!-- End Piwik PRO Tag Manager code -->