Zum Hauptinhalt springen
Alle KollektionenAnleitungenAnpassungen und weitere Features
Google Analytics, Google Ads und Google Tag Manager
Google Analytics, Google Ads und Google Tag Manager

Lerne, wie du mit unserem Beispiel-Code, Google Analytics und Google Tag Manager in Cobot integrieren kannst.

Kim avatar
Verfasst von Kim
Vor über 2 Monaten aktualisiert

Cobot ermöglicht "Google strukturierte Daten" auf allen Seiten. Das wird vor den Besuchern versteckt, ermöglicht jedoch Google, den Inhalt deiner Cobot-Seite zu verstehen und ihn zu nutzen, um Rich Snippets zu erstellen, die dazu beitragen, deine Website in den Suchergebnissen zu fördern.

Wir nutzen das Ganze immer in der Gesamtübersicht, aber auch in der Einzelansicht, für folgende Bereiche:

  • Externe Ressourcen

  • Tarife

  • Drop-in Pässe

  • Events


Mit Google Analytics kannst du den Weg deiner Kunden durch deine Website und Anwendungen verfolgen. Unter Anpassen » JavaScript, kannst du den Tracking-Code in Cobot hinzufügen. Der gesamte in Cobot eingegebene Code wird als Skript an das head-Element deiner öffentlichen und Admin Seiten angehängt.

In diesem Guide wirst du mehr über folgende Punkte erfahren:

WICHTIGE ANMERKUNGEN

  • Es besteht die Möglichkeit, dass du Cobot hierdurch beschädigst. Bitte überprüfe deinen Code, wenn etwas nicht mehr funktioniert nachdem du irgendwelche Änderungen vorgenommen hast, bevor du dich an den Support wendest. Um die besten Ergebnisse zu archivieren, solltest du einen Google-Analytics-Experten konsultieren.


Beispiel-Code für Google Analytics

Mit den folgenden Beispielen kannst du Seitenaufrufe, Dauer und Besucher auf deiner Cobot-Seite verfolgen, so wie auf deiner Website.

Zuerst musst du die Javascript-Bibliothek von Google laden:

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

Als nächstes richtest du den Tracker ein, mehr dazu hier.

ga('create', 'YOUR GOOGLE PROPERTY ID', 'YOUR CUSTOM DOMAIN OR .cobot.me IF YOU DO NOT HAVE ONE');

Hiermit werden Seitenaufrufe an den Tracker gesendet:

ga('send', 'pageview');

Was du sonst noch nutzen kannst, findest du hier.


Beispiel-Code für Google Universal Analytics (empfohlen)

Wir haben die Google Universal Analytics Library bereits geladen, damit du das nicht musst. Das aktiviert deinen Google Analytics Tracker. Mehr Details hier.

gtag('config', 'YOUR GOOGLE PROPERTY ID', { 'cookie_name': 'YOUR COBOT SUBDOMAIN', 'cookie_domain': 'YOUR CUSTOM DOMAIN OR .cobot.me IF YOU DO NOT HAVE ONE' });

Hiermit werden Seitenaufrufe an deine Google Analytics Tracker gesendet:

gtag('event', 'page_view', { 'send_to': 'YOUR GOOGLE PROPERTY ID' });'


Erweiterte Beispiele

Schaue dir die erweiterten Beispiel unten an, damit du domain-übergreifend verfolgen, ein benutzerdefiniertes Ereignis senden oder Daten für bestimmte Seiten festlegen kannst.

Wenn du mehr tun möchtest, wie z.B. E-Commerce-Tracking, musst du zusätzliche Daten einstellen. Das unten stehenden Beispiel zeigt dir, wie du dies tun kannst. Denke daran, dass diese Funktion sehr leistungsfähig ist, da du die gesamte Palette der JavaScript-Programmiersprache nutzen kannst.

WICHTIGE ANMERKUNGEN

  • Die folgenden Schritte beziehen sich auf Universal Analytics. Wenn du die nächste Generation von Google Analytics verwendest, lies dir das Google Analytics 4 Dokument durch.

Über die domain-übergreifende Messung kannst du hier lesen.

gtag('config', 'YOUR GOOGLE PROPERTY ID', {
'cookie_name': 'YOUR COBOT SUBDOMAIN',
'cookie_domain': 'YOUR CUSTOM DOMAIN OR .cobot.me IF YOU DO NOT HAVE ONE',
'linker': {'accept_incoming': true} // this setting makes sure that you can track action e.g. from your home page into cobot on the same property
});
// How we find an element in the page, here by its Id and we say it's a button
const signup_button = document.querySelector('#SignupButtonId');
// Only run the code once the page has loaded
window.addEventListener('load', (event) => {
// See if we are on the correct page by URL. You could program any other condition.
if window.location.href.match('part-of-url'){
// set the page category in the data layer, see more about the data layer here: https://developers.google.com/tag-manager/devguide#datalayer
dataLayer.push({}'pageCategory': 'signup'})
// do something when we click the element we found on the page, here a button
signup_button.addEventListener('click', () => {

Sende ein Kaufereignis an Google Analytics. Weitere Ereignisse findest du hier.

    gtag('event', 'purchase', {value: 150, currency: 'EUR'}});
});
});


Externe Buchungen zu deinen Google-Anzeigen hinzufügen

NÄCHSTE SCHRITTE: Schaue dir unsere Integrationen an, um deine Cobot Erfahrung und die deiner Mitglieder zu optimieren.

Hat dies deine Frage beantwortet?