Matomo Tracking Code ohne Plugin bei Shopware 6 einbauen

Heute zeige ich euch, wie ihr den Matomo Tracking Code in eure Shopware 6-Installation integrieren könnt, auch wenn ihr kein Shopware 6 Plugin dafür nutzen möchtet. Diese Anleitung richtet sich speziell an diejenigen, die das Matomo Tag Manager-Skript in ihrem Shopware-Shop verwenden möchten.

Schritt 1: Öffnet das Verzeichnis “views\storefront\component” eurer Shopware 6-Installation und sucht die Datei “analytics.html.twig”. Diese Datei wird über die Datei “views\storefront\layout\meta.html.twig” eingebunden.

Schritt 2: Erstellt in eurem eigenen Child-Theme eine neue Datei und benennt sie zum Beispiel “analytics.html.twig”. Ihr könnt das Child-Theme verwenden, um individuelle Anpassungen an eurem Shopware-Shop vorzunehmen.

Schritt 3: Öffnet die “analytics.html.twig” Datei in einem Texteditor und fügt den folgenden Code hinzu:

{% sw_extends '@Storefront/storefront/component/analytics.html.twig' %}

{% block component_head_analytics %}
  {{ parent() }}

  <!-- Matomo Tag Manager -->
  <script>
    var _mtm = window._mtm || [];
    _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src='https://xxxxxx.de/js/container_jzsjfiueuje.js'; s.parentNode.insertBefore(g,s);
  </script>
  <!-- End Matomo Tag Manager -->
{% endblock %}

Schritt 4: Speichert die Datei und ladet sie in das Verzeichnis “views\storefront\component” eures Child-Themes hoch.

Das war’s schon! Der Matomo Tracking Code wird jetzt in eurem Shopware 6-Shop ohne die Verwendung eines Plugins implementiert. Stellt sicher, dass ihr den Codeabschnitt <script>...</script> entsprechend euren eigenen Matomo-Einstellungen anpasst. Ersetzt https://xxxxxx.de/js/container_jzsjfiueuje.js durch den tatsächlichen Pfad zum Matomo Tag Manager-Skript auf eurem Server.

Stellt sicher, dass ihr vor der Implementierung eine Sicherungskopie eurer Shopware-Dateien erstellt und die Änderungen auf einer Testumgebung durchführt, um mögliche Probleme zu vermeiden.

Ich hoffe, diese Anleitung war hilfreich! Wenn ihr Fragen habt, zögert nicht, diese in den Kommentaren zu stellen.