- \n
- Ein Google-Konto (f\u00fcr GTM und GA).<\/li>\n
- Eine Webflow-Website (mindestens mit einem kostenpflichtigen Plan, da benutzerdefinierter Code eingef\u00fcgt werden muss).<\/li>\n
- Zugriff auf die Webflow-Projekteinstellungen als Admin.<\/li>\n<\/ul>\n
Schritt-f\u00fcr-Schritt-Anleitung<\/h2>\n
Der Schnelle Weg: Nur GA4 einbinden<\/h3>\n
Falls du GA4 schon hast und nur die Seitenaufrufe messen willst, geht das ganz einfach: Gehe zu Seiteneinstellungen > Integrationen > Google Analytics. F\u00fcge deine Measurement-ID ins entsprechende Feld ein, klicke auf \u201e\u00c4nderungen speichern\u201c und ver\u00f6ffentliche deine Seite.<\/p>\n
Hinweis: F\u00fcr die Google Analytics-Integration ist kein kostenpflichtiger Plan n\u00f6tig, allerdings ben\u00f6tigst du einen kostenpflichtigen Site- oder Workspace-Plan, um zus\u00e4tzlichen benutzerdefinierten Code einzuf\u00fcgen.<\/p>\n
![\"Webflow-Integrationen:](\"https:\/\/readdata.de\/wp-content\/uploads\/2025\/03\/Set-up-Google-Analytics-Webflow.png\")
<\/p>\nWenn du mehr messen willst, brauchst du den GTM.<\/p>\n
Google Tag Manager einrichten<\/h3>\n
GTM-Konto erstellen<\/strong><\/p>\n
- \n
- \n
- \n
- Gehe zu tagmanager.google.com<\/a> und melde dich mit deinem Google-Konto an.<\/li>\n
- Klicke auf \u201eKonto erstellen\u201c. Gib einen Kontonamen ein (z. B. dein Firmenname) und w\u00e4hle dein Land aus.<\/li>\n
- Erstelle einen Container: W\u00e4hle \u201eWeb\u201c als Zielplattform und gib die URL deiner Webflow-Website ein (z. B.
deinewebsite.webflow.io<\/code> oder deine eigene Domain). Klicke auf \u201eErstellen\u201c.<\/li>\n- Akzeptiere die Nutzungsbedingungen. Du erh\u00e4ltst nun zwei Code-Snippets: einen f\u00fcr den
<head><\/code>-Bereich und einen f\u00fcr den<body><\/code>-Bereich.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n- \n
- <\/li>\n<\/ul>\n
GTM-Code in Webflow einf\u00fcgen<\/strong><\/p>\n
- \n
- \n
- \n
- \n
- \n
- \u00d6ffne dein Webflow-Projekt im Dashboard.<\/li>\n
- Gehe zu \u201eProject Settings\u201c (Projekteinstellungen) > \u201eCustom Code\u201c (Benutzerdefinierter Code).<\/li>\n
- F\u00fcge das erste Snippet (das mit
<script><\/code>) in den Bereich \u201eInside <head> tag\u201c ein.<\/li>\n- Das zweite Snippet (das mit
<noscript><\/code>) wird normalerweise direkt nach dem \u00f6ffnenden<body><\/code>-Tag eingef\u00fcgt. Da Webflow das nicht direkt erlaubt, gehe in den Designer:\n- \n
- Ziehe ein \u201eEmbed\u201c-Element (unter \u201eAdd Elements\u201c > \u201eComponents\u201c > \u201eEmbed\u201c) auf die Seite.<\/li>\n
- Platziere es als erstes Element im Body (z. B. auf jeder Seite oder in einem globalen Symbol wie dem Footer).<\/li>\n
- F\u00fcge das
<noscript><\/code>-Snippet in das Embed-Feld ein.<\/li>\n<\/ul>\n<\/li>\n- Speichere die \u00c4nderungen und ver\u00f6ffentliche deine Website.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
GTM-Installation \u00fcberpr\u00fcfen<\/strong><\/p>\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- Lade die Chrome-Erweiterung \u201eGoogle Tag Assistant\u201c herunter.<\/li>\n
- \u00d6ffne deine ver\u00f6ffentlichte Website, aktiviere den Tag Assistant und \u00fcberpr\u00fcfe, ob der GTM-Container erkannt wird (du siehst eine Container-ID wie
GTM-XXXXXX<\/code>).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\nGoogle Analytics einrichten<\/h3>\n
GA4-Property erstellen<\/strong><\/p>\n
- \n
- \n
- \n
- Gehe zu analytics.google.com<\/a> und melde dich an.<\/li>\n
- Klicke auf \u201eAdmin\u201c > \u201eProperty erstellen\u201c.<\/li>\n
- Gib einen Namen ein (z. B. \u201eMeine Webflow-Website\u201c), w\u00e4hle Zeitzone und W\u00e4hrung aus und klicke auf \u201eWeiter\u201c.<\/li>\n
- W\u00e4hle \u201eWeb\u201c als Plattform, gib deine Website-URL ein und erstelle einen Datenstream. Du erh\u00e4ltst eine Mess-ID (z. B.
G-XXXXXXXXXX<\/code>).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\nGA4 in GTM integrieren<\/strong><\/p>\n
- \n
- \n
- \n
- \n
- \n
- Gehe zur\u00fcck zu Google Tag Manager.<\/li>\n
- Klicke auf \u201eTags\u201c > \u201eNeu\u201c > \u201eTag-Konfiguration\u201c > \u201eGoogle Analytics: GA4-Konfiguration\u201c.<\/li>\n
- Gib deine Mess-ID (z. B.
G-XXXXXXXXXX<\/code>) ein.<\/li>\n- W\u00e4hle als Ausl\u00f6ser \u201eAll Pages\u201c (Alle Seiten), damit GA auf jeder Seite deiner Website ausgef\u00fchrt wird.<\/li>\n
- Speichere den Tag mit einem Namen wie \u201eGA4 \u2013 Seitenaufrufe\u201c.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
Ver\u00f6ffentlichen und testen<\/strong><\/p>\n
- \n
- \n
- \n
- \n
- \n
- \n
- \n
- In GTM: Klicke auf \u201eSenden\u201c > \u201eVer\u00f6ffentlichen\u201c, um deine \u00c4nderungen live zu schalten.<\/li>\n
- \u00d6ffne deine Website und nutze den \u201eEchtzeit\u201c-Bericht in Google Analytics, um zu pr\u00fcfen, ob Daten eingehen (das kann ein paar Minuten dauern).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
Erweitertes Tracking (optional)<\/h3>\n
- \n
- Event-Tracking<\/strong>: Erstelle in GTM neue Tags f\u00fcr spezifische Aktionen (z. B. Button-Klicks). W\u00e4hle \u201eGoogle Analytics: GA4-Ereignis\u201c, gib einen Ereignisnamen ein (z. B.
button_click<\/code>) und definiere Ausl\u00f6ser (z. B. \u201eKlick auf Element mit ID xyz\u201c).<\/li>\n- E-Commerce-Tracking<\/strong>: Wenn du einen Webflow-Shop hast, aktiviere E-Commerce in GA4 und richte Tags f\u00fcr Events wie \u201eProdukt angesehen\u201c oder \u201eKauf abgeschlossen\u201c ein.<\/li>\n<\/ul>\n
Tipps f\u00fcr Web-Analysten<\/h2>\n
- \n
- Daten sauber halten<\/strong>: Filtere deinen eigenen Traffic in GA4 aus, indem du eine IP-Ausschlussregel erstellst.<\/li>\n
- Konsistenz pr\u00fcfen<\/strong>: Nutze GTM\u2019s \u201eVorschau\u201c-Modus, um sicherzustellen, dass Tags korrekt ausgel\u00f6st werden, bevor du sie ver\u00f6ffentlichst.<\/li>\n
- Datenschutz beachten<\/strong>: Stelle sicher, dass du eine Einwilligungsl\u00f6sung (z. B. Cookie-Banner) integrierst, um DSGVO-konform zu sein.<\/li>\n<\/ul>\n
Fazit<\/h2>\n
Die Integration von Google Tag Manager und Google Analytics in Webflow ist unkompliziert, sobald du den Dreh raus hast. Mit GTM beh\u00e4ltst du die Kontrolle \u00fcber dein Tracking, w\u00e4hrend GA dir tiefgehende Einblicke in deine Besucher liefert. Folge diesen Schritten, und du bist in weniger als 30 Minuten startklar. Wenn du Fragen hast oder Unterst\u00fctzung bei spezifischen Events brauchst, lass es mich wissen \u2013 ich helfe dir gerne weiter!<\/p>\n","protected":false},"excerpt":{"rendered":"
Als Web-Analyst m\u00f6chtest du sicherstellen, dass du die volle Kontrolle \u00fcber die Daten deiner Webflow-Website hast. Google Tag Manager (GTM) und Google Analytics (GA) sind zwei unverzichtbare Tools, um Besucherverhalten zu analysieren, Conversion-Tracking einzurichten und datenbasierte Entscheidungen zu treffen. In diesem Artikel zeige ich dir Schritt f\u00fcr Schritt, wie du beide Tools in Webflow integrierst,… Weiterlesen »Wie man Google Tag Manager und Google Analytics in Webflow einbaut<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1234","post","type-post","status-publish","format-standard","hentry","category-allgemein"],"_links":{"self":[{"href":"https:\/\/readdata.de\/wp-json\/wp\/v2\/posts\/1234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/readdata.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/readdata.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/readdata.de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/readdata.de\/wp-json\/wp\/v2\/comments?post=1234"}],"version-history":[{"count":3,"href":"https:\/\/readdata.de\/wp-json\/wp\/v2\/posts\/1234\/revisions"}],"predecessor-version":[{"id":1242,"href":"https:\/\/readdata.de\/wp-json\/wp\/v2\/posts\/1234\/revisions\/1242"}],"wp:attachment":[{"href":"https:\/\/readdata.de\/wp-json\/wp\/v2\/media?parent=1234"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/readdata.de\/wp-json\/wp\/v2\/categories?post=1234"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/readdata.de\/wp-json\/wp\/v2\/tags?post=1234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Konsistenz pr\u00fcfen<\/strong>: Nutze GTM\u2019s \u201eVorschau\u201c-Modus, um sicherzustellen, dass Tags korrekt ausgel\u00f6st werden, bevor du sie ver\u00f6ffentlichst.<\/li>\n
- E-Commerce-Tracking<\/strong>: Wenn du einen Webflow-Shop hast, aktiviere E-Commerce in GA4 und richte Tags f\u00fcr Events wie \u201eProdukt angesehen\u201c oder \u201eKauf abgeschlossen\u201c ein.<\/li>\n<\/ul>\n
- Event-Tracking<\/strong>: Erstelle in GTM neue Tags f\u00fcr spezifische Aktionen (z. B. Button-Klicks). W\u00e4hle \u201eGoogle Analytics: GA4-Ereignis\u201c, gib einen Ereignisnamen ein (z. B.
- \n
- \n
- \n
- Gehe zu analytics.google.com<\/a> und melde dich an.<\/li>\n
- \n
- \n
- \n
- Speichere die \u00c4nderungen und ver\u00f6ffentliche deine Website.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
- Das zweite Snippet (das mit
- \n
- \n
- Gehe zu tagmanager.google.com<\/a> und melde dich mit deinem Google-Konto an.<\/li>\n
- \n