Usercentrics - PUBLIC
Usercentrics Matomo Tag Manager Integration
Übersicht
1. Code
Wenn Sie Matomo zum ersten Mal öffnen, wird Ihnen der Code angezeigt.
Andernfalls können Sie zum Dashboard gehen, um den Code innerhalb des <!-- Matomo --> Kommentar-Tags zu erhalten, und zum Tag Manager gehen, um den Code innerhalb des <!-- Matomo Tag Manager --> Kommentar-Tags zu erhalten.
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://YOUR_CLOUD_DOMAIN.matomo.cloud/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.src='//cdn.matomo.cloud/YOUR_CLOUD_DOMAIN.matomo.cloud/matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
<!-- Matomo Tag Manager -->
<script type="text/javascript">
var _mtm = window._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.type='text/javascript'; g.async=true; g.src='https://cdn.matomo.cloud/YOUR_CLOUD_DOMAIN.matomo.cloud/YOUR_CONTAINER'; s.parentNode.insertBefore(g,s);
</script>
<!-- End Matomo Tag Manager -->2. Admin Interface: Google Tag Manager / Data Layer
Gehen Sie in der Admin-Oberfläche auf erweiterte Datenverarbeitungsdienste und öffnen Sie den Google Tag Manager / Data Layer. Fügen Sie dann _mtm als Data Layer Name hinzu:
3. Erstellen eines Containers in Matomo
Nachdem Sie alle Voraussetzungen geschaffen haben, können Sie mit der Tag Manager-Konfiguration fortzufahren. Zuallererst müssen Sie einen Container hinzufügen.
Gehen Sie zum Tag Manager und klicken Sie dann auf der linken Seite des Bildschirms auf Manage Containers. Sie werden von der folgenden Seite begrüßt:
Folgen Sie dem Pfeil und klicken Sie auf Create New Container. Füllen Sie alle Informationen mit den von Ihnen gewünschten Werten aus.
Nach dem Erstellen des Containers werden Sie auf die Seite des Containers weitergeleitet.
Auf dieser Seite haben Sie alle Informationen über Ihre Tags und Sie haben auch Zugriff auf das Container-Menü auf der linken Seite. Wenn Sie Ihren Matomo Tag Manager Code noch nicht hinzugefügt haben, gehen Sie zu Install Code und kopieren Sie den dort angezeigten Codeschnipsel und fügen Sie ihn unter Ihrem Matomo Code ein.
Nachdem Sie dies getan haben, können Sie mit dem nächsten Schritt fortfahren.
4. Hinzufügen eines Dienstes - Beispiel: Google Analytics
Der letzte Teil besteht nun darin, zwei Test-Tags zu erstellen. Wir werden zwei Google Analytics Tags erstellen. Einen Custom-HTML-Typ und einen Google Analytics (Universal)-Typ. Vorher müssen wir aber noch eine Variable und einen Trigger erstellen.
Erstellen der Variable:
Die Variable ist recht einfach zu erstellen.
Gehen Sie zu Variables → Create New Variable → Type Data-Layer.Geben Sie die folgenden Informationen ein:
Klicken Sie dann auf Create New Variable.
Erstellen des Triggers:
Gehen Sie zu Triggers → Create New Trigger → Type Custom Event.
Erstellen Sie dann die folgenden Trigger:
Das Feld Event Name hat je nach CMP-Version unterschiedliche Werte:
CMPv1 → consents_initialized und consent_changed EXACT NAME OF THE DPS
CMPv2 → consent_status
Nachdem Sie die Variable und den Trigger erstellt haben, können Sie mit der Erstellung der Tags fortfahren. Für die Tags werden wir eines erstellen, das den Google Analytics-Code enthält, und ein anderes Tag, das Ihren UA-Tracking-Code enthält.
Für das Custom HTML Tag:
Gehen Sie zu Tags → Create New Tag → Type Custom HTML
Der Code, den Sie hinzufügen müssen:
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA_TRACKING_CODE"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA_TRACKING_CODE');
</script>
Geben Sie die folgenden Informationen ein:
Für das Universal-Tag:
Gehen Sie auf Tags → Create New Tag → Type Google Analytics (Universal)
Füllen Sie die folgenden Informationen aus (in den erweiterten Einstellungen auch für einmalig in einem Seitenaufruf einstellen):
Nachdem Sie alles erstellt haben, können Sie Ihre Änderungen in Matomo veröffentlichen und dann in den Browser gehen und den Befehl _mtm auf der Konsole testen, der Ihnen ein ähnliches Ergebnis wie dieses liefern wird (abhängig von Ihrer DPS).
Weitere Hilfe benötigt?
Wie bekomme ich Hilfe bei technischen Fragen?
Usercentrics - PUBLIC