CCM19 – Einrichtung des Google- & Matomo Tag Manager

Voraussetzung
Ein bestehendes CCM19 Konto mit mind. einer eingerichteten Domain
Ein eingerichteter GTM (Google Tag Manager) oder MTM (Matomo Tag Manager)

CCM19

Der CCM19 Consent Cookiebanner ist ein Tool, das Website-Betreibern hilft, die Anforderungen der Datenschutz-Grundverordnung (DSGVO) und anderer Datenschutzgesetze zu erfüllen, insbesondere im Hinblick auf die Einholung der Einwilligung (Consent) der Nutzer zur Verwendung von Cookies und ähnlichen Tracking-Technologien.

Die Hauptfunktionen und Merkmale des CCM19 Consent Cookiebanners sind in der Regel:

• Rechtskonforme Einwilligung: Er stellt sicher, dass die Cookie-Einwilligung der Nutzer den rechtlichen Anforderungen entspricht, d.h. sie muss freiwillig, informiert, spezifisch und unmissverständlich sein.
• Granulare Auswahlmöglichkeiten: Nutzer können oft detailliert auswählen, welchen Cookie-Kategorien sie zustimmen möchten (z.B. nur notwendige Cookies, Statistik-Cookies, Marketing-Cookies).
• Blockierung von Cookies vor Einwilligung: Standardmäßig werden alle nicht-essenziellen Cookies blockiert, bis der Nutzer aktiv seine Zustimmung erteilt hat.
• Dokumentation der Einwilligungen: Das System speichert in der Regel die erteilten Einwilligungen, um diese bei Bedarf nachweisen zu können.
• Automatische Cookie-Erkennung: Viele Cookie-Management-Plattformen, einschließlich CCM19, können die auf einer Website verwendeten Cookies automatisch scannen und kategorisieren.
• Anpassbarkeit: Der Banner kann optisch an das Design der Website angepasst werden.

Einrichtung & Nutzung des CCM19 mit MTM / GTM

Login & Projekt auswählen

Im Loginbereich des CCM19 findet man eine Übersicht aller bisher angelegten Projekte. Ist noch keins erstellt, muss dies für die folgenden Schritte vorgenommen werden.
Befindet sich ein Projekt im Account, findet man die folgende Übersicht vor:

Mit Klick auf das Symbol „Banner Bearbeiten“ gelangt man in die Einstellungen, in welchen man die eigenen Tracking-Scripte, wie z.B. den Matomo- oder Google Tag Manager einbinden kann:

Scripts für GTM oder MTM einbinden

Diese Übersicht beinhaltet sämtliche bisher erkannten und erstellten Cookies und Dienste. Über den grünen Button „Neuen Eintrag erstellen“ kommt man zum nächsten Schritt „Einbindung erstellen“, in welchem man seinen GTM- oder MTM-Code (oder jedes andere beliebige Tracking Script) samt dazugehörigen Informationen hinterlegen kann:

Einbindung erstellen

In diesem Abschnitt können Name, Beschreibung und der Zweck des hier eingetragenen Tracking-Scripts vergeben werden. Es empfiehlt sich immer eine genaue Beschreibung (es folgen Beispiele zum Zwecke dieser Anleitung):

Bezeichnung der Einbindung
Google Analytics via Google Tag Manager

Zweck
Statistiken (oder nach Wahl andere Möglichkeiten)

Einbindung aktiv
ja (grün)

Hersteller Anbieter
Google.com (für andere Dienste müssen entsprechend Anbieternamen eingegeben werden)

Der Code des GTM- bzw- MTM findet sich in den jeweiligen Plattformen innerhalb der Containerverwaltung und ähneln den folgenden Code-Snippets:

Matomo Tag Manager

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

Google Tag Manager

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXX123');</script>
<!-- End Google Tag Manager -->

Unterhalb dieser Felder gibt es noch zusätzliche Möglichkeiten, den entsprechenden Dienst zu beschreiben. Es empfiehlt sich auch hier, möglichst viele Informationen zu hinterlegen. Bei Unsicherheiten empfehlen wir Rücksprache mit einem Datenschutzbeauftragen.

„Die technische Speicherung oder der Zugriff, der ausschließlich zu anonymen statistischen Zwecken verwendet wird. Ohne eine Vorladung, die freiwillige Zustimmung deines Internetdienstanbieters oder zusätzliche Aufzeichnungen von Dritten können die zu diesem Zweck gespeicherten oder abgerufenen Informationen allein in der Regel nicht dazu verwendet werden, dich zu identifizieren.“
(Beispiel, Angaben ohne Gewähr, keine Rechtsberatung!)

Google Consent Mode
Dieser Punkt ist wichtig, damit Daten in GA4 und Google Ads korrekt verarbeitet werden können. Er befindet sich oberhalb der hier gezeigten Felder, einige Tabs weiter rechts:

In unserer hauseigenen Konfiguration nutzen wir i. d. R. nicht die nativen Consent-Übermittlungen eines Cookiebanners, sondern übermitteln diese gezielt über den jeweiligen Tag Manager samt Push eines Events in den Datalayer (window.mtm / window._mtm).
Sollte der Consent Mode nicht über den eigenen Tag Manager gepusht und Daten an einen Google- oder Mircrosoft-Dienst übermittelt werden, empfehlen wir diese Optionen hier zu aktivieren. In unserem Fallbeispiel bleiben diese deaktiviert.

Ist alles eingetragen, beschrieben und eingestellt -> speichern nicht vergessen! Jetzt geht es zurück auf „Dashboard & Einbindungen“.

Einbindung des CCM-Snippets auf der eigenen Website

Unter „Dashboard & Einbindungen“ wird bereits das fertige Code-Snippet zur Einbindung auf der eigenen Website bereitgestellt. Dieses sollte nach Möglichkeit innerhalb des <head>-Bereich so weit oben wie möglich eingebunden werden:

Es reicht hierbei die Einbindung dieses Code-Snippets selbst. Es müssen keine anderen Scripts des GTM oder MTM im <head>-Bereich hinterlegt werden. Ein Fallback-Code im <body>-Bereich ist nach unserer Ansicht ebenfalls nicht mehr notwendig, da die meisten Websites ohne Javascript nicht mehr korrekt funktionieren.

Nach dem Speichern des Codes im eigenen HTML empfiehlt es sich, im Backend den Cache der eigenen Website zu löschen/neu aufzubauen. Mit einem Aufruf der eigenen Website mittels Inkognito-Tab oder nach Löschung der Cookies zur eigenen Domain im Browser erscheint der Cookiebanner zuverlässig auf der eigenen Website:

Innerhalb von CCM19 gibt es Möglichkeiten der Gestaltung und Positionierung des eigenen Cookiebanners.