Squarespace Tracking Beispiele: Formulare und eCommerce Events

Übersicht

Dieser Leitfaden zeigt Ihnen praktische Beispiele dafür, wie Sie Conversions mit der Facebook Conversions API und PixelFlow auf Ihrer Squarespace-Website tracken.

Sie erfahren, wie Sie Formular-Einsendungen mithilfe von Weiterleitungen auf Erfolgsseiten verfolgen und welche eCommerce-Events automatisch erfasst werden.

Voraussetzungen

Bevor Sie diese Beispiele umsetzen, stellen Sie sicher, dass:

• PixelFlow auf Ihrer Squarespace-Seite installiert ist (siehe Squarespace Setup-Anleitung)

• Sie Zugriff auf Ihren Squarespace-Website-Editor haben

• Sämtliche bestehenden Meta-Pixel-Integrationen aus Squarespace entfernt wurden

Automatisch getrackte eCommerce-Events

Sobald PixelFlow installiert ist, werden diese eCommerce-Events ohne zusätzliche Konfiguration automatisch getrackt:

1. In den Warenkorb (AddToCart)

Auslöser: Wenn Kunden auf Ihren Produktseiten auf die Schaltfläche „In den Warenkorb“ klicken

Beispiel-URL: Jede Produktseite, auf der Nutzer auf „In den Warenkorb“ klicken

Was getrackt wird: Produktdetails, Preis, Menge und Kundendaten

2. Checkout starten (InitiateCheckout)

Auslöser: Wenn Kunden in ihrem Warenkorb auf die Schaltfläche „Checkout“ klicken

Beispiel-URL: Ihre Warenkorbseite, wenn Nutzer zum Checkout fortfahren

Was getrackt wird: Warenkorbinhalt, Gesamtwert und Kundeninformationen

3. Zahlungsinformationen hinzufügen (AddPaymentInfo)

Auslöser: Wenn die Kaufbestätigungsseite geladen wird

Beispiel-URL: https://www.yoursquarespacesite.com/commerce/orders/2e45bc6c-173e-4a1d-8b64-ea52127b4926

Was getrackt wird: Details zur Zahlungsmethode und Bestellinformationen

4. Kauf (Purchase)

Auslöser: Wenn die Kaufbestätigungsseite geladen wird

Beispiel-URL: https://www.yoursquarespacesite.com/commerce/orders/2e45bc6c-173e-4a1d-8b64-ea52127b4926

Was getrackt wird: Vollständige Bestelldetails, Umsatz, gekaufte Produkte und Kundendaten

Formular-Einsendungen mit Erfolgsseiten-Weiterleitungen tracken

Die zuverlässigste Methode zum Tracken von Formular-Einsendungen auf Squarespace besteht darin, Nutzer nach dem Absenden Ihres Formulars auf eine spezielle Erfolgs- oder Dankeseite weiterzuleiten. Dies stellt sicher, dass das Ereignis nur ausgelöst wird, wenn jemand das Formular tatsächlich absendet, und nicht schon beim bloßen Besuch der Seite.

Warum diese Methode funktioniert

Bei einem redirect-basierten Ansatz:

• Wird das Ereignis nur nach erfolgreicher Formular-Einsendung ausgelöst

• Können Nutzer die Erfolgsseite nur durch Ausfüllen des Formulars erreichen

• Vermeiden Sie das Tracking falscher Conversions von Personen, die sich das Formular nur ansehen

• Können Sie verschiedene Formulartypen mit individuellen Erfolgsseiten tracken

Schritt für Schritt: Kontaktformular-Einsendung tracken

Hier ist ein komplettes Beispiel für das Tracken eines Kontaktformulars mit der Erfolgsseiten-Methode:

Schritt 1: Erstellen Sie eine Dankeseite

1. Gehen Sie in Ihrem Squarespace-Dashboard zu Seiten

2. Klicken Sie auf das + Symbol, um eine neue Seite hinzuzufügen

3. Wählen Sie Leere Seite und nennen Sie diese „Danke“ (oder ähnlich)

4. Gestalten Sie Ihre Dankeseite mit einer Bestätigungsnachricht wie:

   • „Vielen Dank für Ihre Nachricht! Wir melden uns innerhalb von 24 Stunden bei Ihnen.“

   • Optional: Fügen Sie Links zu Ihren Social-Media-Kanälen oder anderen Ressourcen hinzu

   • Optional: Fügen Sie nächste Schritte oder zusätzliche Informationen hinzu

5. Setzen Sie die Seite in Ihrer Navigation auf Nicht verlinkt (dies verhindert den direkten Zugriff)

6. Speichern Sie und notieren Sie sich den URL-Slug (z. B. /danke oder /kontakt-erfolg)

Schritt 2: Konfigurieren Sie das Formular für die Weiterleitung

1. Gehen Sie zu der Seite, die Ihr Kontaktformular enthält

2. Klicken Sie auf Ihren Formular-Block, um ihn zu bearbeiten

3. Klicken Sie auf das Stiftsymbol, um die Formulareinstellungen zu öffnen

4. Navigieren Sie zum Tab Nach dem Absenden (Post-Submit)

5. Wählen Sie die Option Weiterleitung (anstelle von „Nachricht anzeigen“)

6. Geben Sie die URL Ihrer Dankeseite ein:

   • Vollständige URL: https://www.ihreseite.de/danke

   • Oder nur den Slug: /danke

7. Optional: Aktualisieren Sie die Ladenachricht auf „Laden...“ für einen reibungsloseren Übergang

8. Klicken Sie auf Speichern

9. Veröffentlichen Sie Ihre Änderungen

Schritt 3: Event-URL in PixelFlow einrichten

Nun konfigurieren Sie PixelFlow so, dass ein bestimmtes Ereignis ausgelöst wird, wenn jemand Ihre Dankeseite erreicht:

1. Loggen Sie sich in Ihr PixelFlow-Dashboard ein

2. Navigieren Sie zur Übersicht-Seite Ihrer Website

3. Klicken Sie im Abschnitt Event-URLs auf URL hinzufügen

4. Im Popup-Fenster:

   • URL-Feld: Geben Sie Ihre vollständige Dankeseiten-URL ein. Beispiel: https://www.ihreseite.de/danke

   • Event-Dropdown: Wählen Sie den Ereignistyp aus, der dem Zweck Ihres Formulars entspricht:

     • Lead – Für allgemeine Kontaktformulare, Anfragen oder Lead-Erfassung

     • Subscribe – Für Newsletter-Anmeldungen oder E-Mail-Listen

     • Contact – Für „Kontaktieren Sie uns“-Formulare

     • CompleteRegistration – Für Kontoregistrierungen oder Anmeldeformulare

5. Klicken Sie auf URL hinzufügen, um zu speichern

Schritt 4: Skript aktualisieren

1. Kopieren Sie in Ihrem PixelFlow-Dashboard das aktualisierte Skript aus dem Bereich Custom Code

2. Gehen Sie zu Ihrem Squarespace-Dashboard

3. Navigieren Sie zu Einstellungen › Erweitert › Code-Injektion

4. Ersetzen Sie das vorhandene PixelFlow-Skript im Abschnitt Header durch Ihr neues Skript

5. Klicken Sie auf Speichern

6. Veröffentlichen Sie Ihre Website, um die Änderungen live zu schalten

Schritt 5: Formular-Tracking testen

1. Besuchen Sie Ihre Live-Website (nicht im Vorschaumodus)

2. Füllen Sie Ihr Kontaktformular mit Testdaten aus

3. Senden Sie das Formular ab und prüfen Sie, ob Sie zur Dankeseite weitergeleitet werden

4. Überprüfen Sie Ihr PixelFlow Event Log im Dashboard – Sie sollten Ihr Lead- (oder anderes) Ereignis innerhalb weniger Minuten sehen

5. Überprüfen Sie, ob das Ereignis im Meta Events Manager erscheint (dies kann 15–20 Minuten dauern)

Praxisbeispiel: Newsletter-Anmeldung

Hier ist ein komplettes Beispiel für das Tracken von Newsletter-Anmeldungen:

Setup-Details

• Formularseite: https://www.ihreseite.de/newsletter

• Dankeseite: https://www.ihreseite.de/newsletter-willkommen (auf nicht verlinkt gesetzt)

• Formular-Aktion nach Absenden: Weiterleitung zu /newsletter-willkommen

• PixelFlow Event-URL: https://www.ihreseite.de/newsletter-willkommen → Subscribe Event

Benutzerfluss

1. Besucher landet auf ihreseite.de/newsletter

2. Besucher gibt E-Mail ein und klickt auf „Anmelden“

3. Squarespace leitet weiter zu ihreseite.de/newsletter-willkommen

4. PixelFlow erkennt den Seitenaufruf und sendet ein Subscribe-Event an Meta

5. Meta erhält die Conversion-Daten zusammen mit den Besucherinformationen

Doppelte Ereignisse auf Erfolgsseiten verhindern

Selbst mit einem Redirect-Setup können Nutzer manchmal doppelte Ereignisse auslösen durch:

• Aktualisieren der Dankeseite

• Speichern der Dankeseite als Lesezeichen und späterer Besuch

• Teilen der Dankeseiten-URL mit anderen

Alternative: Klassenbasiertes Formular-Tracking (Fortgeschritten)

Obwohl das redirect-basierte Tracking für die meisten Squarespace-Nutzer empfohlen wird, können fortgeschrittene Anwender klassenbasiertes Tracking für eine präzisere Steuerung und bessere Datenerfassung nutzen. Diese Methode erfordert jedoch das Hinzufügen von benutzerdefiniertem Code zu Ihrer Squarespace-Seite.

Um mehr über diese fortgeschrittene Methode zu erfahren, siehe:

• So tracken Sie Formular-Einsendungen (umfassender Leitfaden zu klassenbasiertem vs. URL-basiertem Tracking)

• Event-Klassen auf Squarespace (plattformspezifische Anweisungen)

Häufige Tracking-Szenarien auf Squarespace

Angebotsanfrage-Formular

• Formularseite: /angebot-anfordern

• Erfolgsseite: /angebot-erhalten

• Event-Typ: Lead oder SubmitApplication

Beratungstermin buchen

• Formularseite: /beratung-buchen

• Erfolgsseite: /termin-bestaetigt

• Event-Typ: Schedule

Ressourcen-Download

• Formularseite: /gratis-leitfaden

• Erfolgsseite: /download-leitfaden (mit Download-Link)

• Event-Typ: Lead

Vertrieb kontaktieren

• Formularseite: /vertrieb-kontaktieren

• Erfolgsseite: /vertriebs-anfrage-erhalten

• Event-Typ: Contact

Fehlerbehebung

Ereignisse erscheinen nicht in PixelFlow

Symptom: Sie haben Ihr Formular abgeschickt, sehen das Ereignis aber nicht in Ihrem Event Log.

Lösungen:

• Prüfen Sie, ob Sie das PixelFlow-Skript nach dem Hinzufügen der Event-URL aktualisiert haben

• Bestätigen Sie, dass Sie Ihre Squarespace-Website veröffentlicht haben (nicht nur gespeichert)

• Stellen Sie sicher, dass Sie auf der live veröffentlichten Seite testen, nicht im Vorschaumodus

• Überprüfen Sie, ob die Event-URL in PixelFlow exakt mit Ihrer Dankeseiten-URL übereinstimmt (einschließlich https://)

• Warten Sie 2–3 Minuten und prüfen Sie erneut – Ereignisse erscheinen nicht immer sofort

Formular leitet nicht weiter

Symptom: Das Formular zeigt eine Nachricht an, anstatt auf Ihre Dankeseite weiterzuleiten.

Lösungen:

• Bearbeiten Sie Ihren Formular-Block und prüfen Sie, ob der Tab Nach dem Absenden auf „Weiterleitung“ eingestellt ist (nicht „Nachricht anzeigen“)

• Überprüfen Sie, ob Sie die korrekte URL im Weiterleitungsfeld eingegeben haben

• Stellen Sie sicher, dass Ihre Dankeseite veröffentlicht ist (auch wenn sie auf „Nicht verlinkt“ steht)

• Versuchen Sie es mit der vollständigen URL statt nur dem Slug oder umgekehrt

• Löschen Sie Ihren Browser-Cache und testen Sie erneut

Doppelte Ereignisse bei jeder Seitenaktualisierung

Symptom: Jedes Mal, wenn Sie die Dankeseite aktualisieren, wird ein weiteres Ereignis an Meta gesendet.

Lösungen:

• Dies ist das erwartete Verhalten für Event-URLs – sie lösen bei jedem Seitenaufruf aus

• Um dies zu verhindern, implementieren Sie Event-Sperrregeln

• Konfigurieren Sie eine Regel, um doppelte Ereignisse von derselben IP innerhalb von 24 Stunden zu blockieren

• Weisen Sie Nutzer darauf hin, die Dankeseite nicht zu aktualisieren oder als Lesezeichen zu speichern

Ereignisse erscheinen in PixelFlow, aber nicht bei Meta

Symptom: Ereignisse erscheinen in Ihrem PixelFlow Event Log, aber nicht im Meta Events Manager.

Lösungen:

• Warten Sie 15–20 Minuten – es kann zu Verzögerungen kommen, bevor Ereignisse in Meta erscheinen

• Prüfen Sie, ob Ihre Meta Pixel ID und das Access Token in PixelFlow korrekt konfiguriert sind

• Stellen Sie sicher, dass Ihr Meta-Pixel im Meta Events Manager aktiv ist

• Vergewissern Sie sich, dass Sie jegliche separate Meta-Pixel-Integration aus Squarespace entfernt haben

• Prüfen Sie den Event-Payload in PixelFlow auf Fehler oder Warnungen

eCommerce-Events werden nicht getrackt

Symptom: Kaufereignisse oder Warenkorb-Ereignisse werden nicht angezeigt.

Lösungen:

• Prüfen Sie, ob das PixelFlow-Skript im Squarespace-Header installiert ist (Einstellungen › Erweitert › Code-Injektion)

• Prüfen Sie, ob Sie die native Squarespace Facebook-Pixel-Integration entfernt haben (Einstellungen › Marketing › Meta Pixel & Ads)

• Testen Sie auf der live veröffentlichten Website, nicht im Vorschaumodus

• Führen Sie einen echten Testkauf durch (oder nutzen Sie den Squarespace-Testmodus), um Ereignisse auszulösen

• Prüfen Sie Ihr PixelFlow Event Log auf Fehlermeldungen

Best Practices

Nächste Schritte

Nachdem Sie nun wissen, wie man Formulare und eCommerce-Events auf Squarespace trackt, können Sie:

• Sich über das Tracking von Ereignissen via URLs für andere Conversion-Typen informieren

• Das fortgeschrittene Formular-Tracking mit Klassen erkunden, um Kundendaten zu erfassen

• Event-Sperrregeln einrichten, um doppelte Ereignisse zu verhindern

• Nutzen Sie So testen und verifizieren Sie Ihr PixelFlow CAPI-Setup, um zu bestätigen, dass alles funktioniert

• Den vollständigen Leitfaden So tracken Sie Events für zusätzliche Tracking-Methoden lesen

Hilfe erhalten

Wenn Sie Unterstützung bei der Einrichtung des Trackings für Ihre Squarespace-Seite benötigen:

• Prüfen Sie Ihr PixelFlow Event Log, um genau zu sehen, welche Daten erfasst werden

• Überprüfen Sie Ihren Meta Events Manager, um sicherzustellen, dass die Ereignisse Facebook erreichen

• Buchen Sie einen kostenlosen Setup-Call mit unserem Team für persönliche Unterstützung

• Kontaktieren Sie den Support mit Ihren Formular-URLs, Dankeseiten-URLs und etwaigen Fehlermeldungen