Trackum

Squarespace: Google Analytics und Google Tag Manager einbinden

Squarespace bietet ein eigenes Feld für Google Analytics und die Code-Injektion für den Google Tag Manager. Welcher Weg passt, wie du Formulare und Käufe misst und was der Cookie-Banner steuert.

Anleitung · · 5 Min. Lesezeit · Mit KI erstellt und KI-gestützt geprüft am

Squarespace: Google Analytics und Google Tag Manager einbinden
Foto: Carriza Maiquez auf Unsplash

Squarespace und Google Analytics verbindest du auf zwei Wegen: über das eingebaute Feld für die Mess-ID von Google Analytics 4 (GA4) oder über den Google Tag Manager, den du per Code-Injektion einfügst. Die eingebaute Anbindung reicht für Seitenaufrufe und arbeitet mit dem Cookie-Banner von Squarespace zusammen. Für Formulare, Käufe, Google Ads und Meta ist der Google Tag Manager der flexiblere Weg, braucht aber einen Tarif mit Code-Injektion und eine eigene Lösung für die Einwilligung.

Der große Überblick: Google Tag Manager: Anleitung, Einrichtung und DSGVO

Welche Wege gibt es für Squarespace und Google Analytics?

Beide Wege führen zu Daten in GA4, unterscheiden sich aber darin, was du messen kannst und wer die Einwilligung steuert. Die Übersicht hilft bei der Entscheidung.

Squarespace Tracking: eingebaute Anbindung oder Google Tag Manager
MerkmalEingebaute AnbindungGoogle Tag Manager per Code-Injektion
EinrichtungMess-ID in ein Feld eintragenCode in Header und Footer einfügen
TarifKein besonderer Tarif nötigCore, Plus oder Advanced
Eigene EreignisseKaum anpassbarFrei definierbar, etwa generate_lead
Google Ads und MetaNicht über dieses FeldIm selben Container möglich
Cookie-BannerWird vom Squarespace-Banner gesteuertEinwilligung musst du selbst anbinden

Willst du nur wissen, wie viele Besucher kommen und welche Seiten sie lesen, ist die eingebaute Anbindung die einfachste Lösung. Sobald Anfragen als Conversions in Google Ads zählen sollen, führt am Google Tag Manager kaum ein Weg vorbei.

Squarespace hat außerdem eine eigene Besucherstatistik im Bereich Analysen. Sie läuft unabhängig von GA4 und zählt nach eigenen Regeln. Wundere dich deshalb nicht, wenn Squarespace und GA4 unterschiedliche Besucherzahlen zeigen. Für Werbung und Conversions zählt GA4, denn nur von dort gehen Daten an Google Ads. Die Statistik von Squarespace ist eine gute Gegenprobe, ob überhaupt Besucher ankommen.

Squarespace GA4 über die eingebaute Anbindung

Für die eingebaute Anbindung brauchst du die Mess-ID deines Datenstreams in GA4, sie beginnt mit G-. In Squarespace trägst du sie in den Einstellungen im Bereich für externe API-Schlüssel in das Feld für Google Analytics ein und speicherst. Je nach Version der Oberfläche liegt dieser Bereich unter Erweitert oder unter den Entwicklerwerkzeugen. Danach misst GA4 Seitenaufrufe, und die erweiterte Messung von GA4 erfasst je nach Einstellung zusätzlich Scrollen, ausgehende Klicks und Downloads.

Der Vorteil dieses Wegs liegt beim Cookie-Banner. Wählst du in Squarespace den Banner mit Zustimmen und Ablehnen, setzt Squarespace laut Google-Hilfe die Analyse-Cookies von Google Analytics erst nach Zustimmung. Der Nachteil: Eigene Ereignisse für Formulare oder Google Ads kannst du so nicht sauber anlegen.

Passend dazu: Meta Pixel (Facebook Pixel) im Google Tag Manager einrichten

Google Tag Manager in Squarespace einbinden

Für den Google Tag Manager in Squarespace nutzt du die Code-Injektion. Sie gibt es laut Squarespace-Hilfe in den Tarifen Core, Plus und Advanced. So gehst du vor:

  • Im Google Tag Manager einen Web-Container für deine Domain anlegen und die Container-ID notieren, sie beginnt mit GTM-.
  • Den ersten Codeteil aus dem Google Tag Manager in Squarespace im Feld Header der Code-Injektion einfügen.
  • Den zweiten Teil mit noscript kannst du in das Feld Footer setzen, da Squarespace keinen Platz direkt nach dem Body-Beginn bietet. Er greift nur bei Besuchern ohne JavaScript und ist für die Messung meist unwichtig.
  • Das Feld für Google Analytics bei den externen API-Schlüsseln leeren, damit nichts doppelt zählt.
  • Im Google Tag Manager das Google-Tag mit deiner Mess-ID anlegen und eine Version veröffentlichen.

Squarespace weist darauf hin, dass eigener Code das Bearbeiten im Editor stören kann. In der Vorschau lassen sich Skripte deshalb abschalten. Zum Testen öffnest du die Seite am besten in einem privaten Fenster, so verhält sie sich wie für einen echten Besucher.

Den Cookie-Banner aktivierst du in Squarespace im Bereich für Cookies und Besucherdaten. Für Deutschland und Österreich ist die Variante mit Zustimmen und Ablehnen die richtige. Wichtig zu wissen: Der Banner steuert die eingebauten Funktionen, nicht automatisch deinen Google Tag Manager. Squarespace schreibt selbst, dass du Code aus der Code-Injektion an die Wahl im Banner anpassen musst, und verweist für Google Ads auf Google Consent Mode.

In der Praxis gibt es zwei Lösungen. Entweder verbindest du die Wahl im Squarespace-Banner per eigenem Skript mit Consent Mode v2. Oder du nutzt einen externen Banner, der Consent Mode v2 direkt beherrscht, setzt ihn als Erstes in den Header und schaltest den Squarespace-Banner ab. Der zweite Weg ist meist verlässlicher. In beiden Fällen müssen Tags von Meta, LinkedIn oder TikTok im Google Tag Manager zusätzlich auf die Zustimmung warten. Dieser Artikel ist keine Rechtsberatung.

Passend dazu: Borlabs Cookie mit Consent Mode v2 und Tag Manager verbinden

Formulare und Käufe in Squarespace messen

Formulare in Squarespace schicken die Daten ab, ohne die Seite neu zu laden, und zeigen danach eine Erfolgsmeldung. Der eingebaute Trigger für Formulare im Google Tag Manager erkennt das oft nicht. Verlässlicher ist ein Trigger auf die Sichtbarkeit der Erfolgsmeldung oder eine Weiterleitung auf eine eigene Danke-Seite, sofern dein Formular-Block das anbietet. Daraus entsteht das Ereignis generate_lead, das du in GA4 als Schlüsselereignis markierst und an Google Ads weitergibst.

Für Käufe bietet die Code-Injektion eigene Felder für die Bestellbestätigung und die Bestellstatusseite. Laut Squarespace-Hilfe stehen dort Platzhalter wie {orderId} und {orderGrandTotal} zur Verfügung. Damit schreibst du ein purchase-Ereignis mit Bestellnummer und Wert in den Datenlayer. Squarespace bietet zusätzlich die Bedingung {.if firstPageView}, mit der Code nur beim ersten Aufruf der Bestellstatusseite läuft. Nutze sie, sonst zählt ein Neuladen der Bestätigungsseite einen zweiten Kauf. Auf den Checkout-Seiten selbst lässt Squarespace keinen eigenen Code zu.

Squarespace Tracking testen

Teste nach jeder Änderung mit dem Vorschaumodus des Google Tag Managers und der DebugView von GA4. Die häufigsten Fehler in Squarespace erkennst du schnell:

  • Jeder Seitenaufruf erscheint zweimal: Mess-ID im Einstellungsfeld und Google-Tag im Container gleichzeitig.
  • Meta oder LinkedIn senden vor der Wahl im Banner, weil der Container die Einwilligung nicht kennt.
  • Das Anfrage-Ereignis fehlt, weil der Trigger auf den Senden-Knopf statt auf die Erfolgsmeldung zielt.
  • Ein Kauf zählt doppelt, weil die Bestätigungsseite neu geladen wurde.

Schick zum Abschluss eine echte Testanfrage über das Formular und prüfe, ob in der DebugView genau ein generate_lead ankommt. Bei einem Shop hilft eine Testbestellung mit einem günstigen Produkt, die du danach stornierst. Nach einer Woche vergleichst du die Anfragen in GA4 mit denen im Postfach. GA4 zeigt meist etwas weniger, weil Besucher ohne Einwilligung fehlen. Zeigt GA4 mehr, zählt etwas doppelt.

Beispiel aus der Praxis und Hilfe bei der Einrichtung

Ein Fotostudio nutzt Squarespace mit einem Anfrageformular und wirbt mit Google Ads. Bisher stand die Mess-ID im Einstellungsfeld, und Google Ads zählte keine Conversions. Nach der Umstellung auf den Google Tag Manager mit Consent Mode v2 zählt eine Anfrage, sobald die Erfolgsmeldung erscheint, und Google Ads sieht zum ersten Mal, welche Kampagne Anfragen bringt. Das Feld für Google Analytics in den Squarespace-Einstellungen wurde geleert, damit nichts doppelt zählt.

Ob deine Squarespace-Seite vor der Einwilligung sendet, zeigt der Gratis-Check von Trackum in zwei Minuten, ohne Anmeldung. Wenn du die Einrichtung abgeben willst, richtet Trackum Google Tag Manager, GA4, Consent Mode v2 und bis zu 15 Ereignisse für 150 € zzgl. MwSt. ein, getestet mit und ohne Einwilligung und live innerhalb eines Werktags.

Häufige Fragen

Welcher Squarespace-Tarif ist für den Google Tag Manager nötig?

Laut Squarespace-Hilfe gibt es die Code-Injektion in den Tarifen Core, Plus und Advanced sowie in einigen älteren Tarifen. Ohne Code-Injektion lässt sich der Google Tag Manager nicht seitenweit einbinden. Die eingebaute Anbindung für Google Analytics funktioniert über ein eigenes Feld in den Einstellungen.

Kann ich die eingebaute Anbindung und den Google Tag Manager gleichzeitig nutzen?

Nur wenn sie unterschiedliche Dinge tun. Senden beide an dieselbe Property in Google Analytics 4, werden Seitenaufrufe doppelt gezählt. Entscheide dich für einen Weg und lass das Feld für Google Analytics leer, wenn das Google-Tag im Google Tag Manager liegt.

Warum sehe ich meine eigenen Besuche nicht in GA4?

Bist du im Squarespace-Editor angemeldet, laufen eigene Skripte nicht immer so wie für Besucher. Squarespace empfiehlt, die Seite zum Testen in einem privaten Fenster zu öffnen. Prüfe außerdem, ob du im Cookie-Banner zugestimmt hast.

Blockiert der Cookie-Banner von Squarespace auch den Google Tag Manager?

Nicht automatisch. Der Banner steuert die eingebauten Analyse-Funktionen und die eingebaute Google-Analytics-Anbindung. Code aus der Code-Injektion musst du selbst an die Einwilligung koppeln, zum Beispiel über Google Consent Mode v2.

Quellen

  1. Squarespace-Hilfe: Customize parts of your site with code injection support.squarespace.com
  2. Google Analytics-Hilfe: Squarespace für die Einholung der Nutzereinwilligung einrichten support.google.com
  3. Google for Developers: Einwilligungsmodus auf Websites einrichten developers.google.com
  4. Google for Developers: E-Commerce in GA4 messen developers.google.com
  5. Tag Manager-Hilfe: Vorschau und Fehlersuche für Container support.google.com
Hilfe