Pixelflow
Ereignis-Tracking via Klassen

Event-Klassen auf Squarespace

So kennzeichnen Sie spezifische Elemente auf Ihrer Squarespace-Website und weisen ihnen Events zu

Informationen darüber, wie Sie Events verfolgen, indem Sie einer bestimmten URL ein spezifisches Event zuweisen, finden Sie in diesem Leitfaden.

Befolgen Sie die untenstehende Anleitung, um bestimmte Elemente auf Ihrer Website zu kennzeichnen, die Sie tracken möchten.

Squarespace verfügt über systembedingte Einschränkungen, die eine manuelle Klassenzuweisung zu den meisten Elementen verhindern. PixelFlow trackt jedoch automatisch wichtige eCommerce-Events auf Squarespace-Websites, ohne dass eine manuelle Einrichtung erforderlich ist.

Wie Event-Klassen auf Squarespace funktionieren

Im Gegensatz zu anderen Plattformen erlaubt Squarespace das Hinzufügen benutzerdefinierter CSS-Klassen zu den meisten Elementen über den visuellen Editor nicht. Stattdessen erkennt und trackt PixelFlow automatisch wichtige Events auf Ihrer Squarespace-Seite, sobald Sie den PixelFlow-Code in Ihren Header eingefügt haben.

Fügen Sie einfach Ihren PixelFlow-Code gemäß der Squarespace-Einrichtungsanleitung in Ihren Squarespace-Header ein, und das Tracking beginnt automatisch.

Automatisch getrackte Events

Sobald PixelFlow installiert ist, werden diese Events auf Ihrer Squarespace-Website automatisch und ohne zusätzliche Konfiguration getrackt:

Event-Name

Tracking

PageView

Wird bei jedem Seitenaufruf auf Ihrer gesamten Squarespace-Website getrackt

AddtoCart

Wird beim Klicken auf den Button In den Warenkorb getrackt

InitiateCheckout

Wird getrackt, wenn Kunden auf Ihren Commerce-Seiten auf den Checkout-Button klicken

AddPaymentInfo

Wird getrackt, wenn die Kaufbestätigungsseite geladen wird (z. B. https://www.yoursquarespacesite.com/commerce/orders/2e45bc6c-173e-4a1d-8b64-ea52127b4926)

Purchase

Wird beim Laden der Kaufbestätigungsseite getrackt (z. B. https://www.yoursquarespacesite.com/commerce/orders/2e45bc6c-173e-4a1d-8b64-ea52127b4926)

PixelFlow verhindert automatisch das Senden doppelter Events, wenn Benutzer die Kaufbestätigungsseite neu laden, um sicherzustellen, dass Ihre Conversion-Daten korrekt bleiben.

Tracking zusätzlicher Events auf Squarespace

Für Events, die über das automatische eCommerce-Tracking hinausgehen, können Sie alternative Tracking-Methoden verwenden:

Option 1: Event-URLs

Tracken Sie Events, indem Sie sie bestimmten Seiten-URLs zuweisen. Dies funktioniert gut für:

  • Dankesseiten nach Formularübermittlungen

  • Bestätigungsseiten

  • Spezifische Landingpages, die Sie tracken möchten

Erfahren Sie mehr im Leitfaden für Event-URLs.

Option 2: Benutzerdefinierte Code-Blöcke

Für fortgeschrittene Benutzer, die mit Code vertraut sind, können Sie bestimmten Squarespace-Blöcken benutzerdefiniertes HTML/CSS hinzufügen, um klassenbasiertes Tracking zu ermöglichen:

  1. Fügen Sie Ihrer Squarespace-Seite einen Code-Block hinzu

  2. Umschließen Sie Ihr zu trackendes Element mit HTML, das PixelFlow-Klassen aus dem Klassendokument enthält

  3. Speichern und veröffentlichen Sie Ihre Änderungen

Diese Methode erfordert HTML-Kenntnisse und funktioniert möglicherweise nicht mit allen Squarespace-Elementen. Testen Sie nach der Implementierung immer gründlich.

Beispiel: Tracking eines benutzerdefinierten Button-Klicks

Wenn Sie ein benutzerdefiniertes Event (wie ein Lead-Event) tracken möchten, wenn jemand auf einen Button auf Ihrer Squarespace-Seite klickt:

  1. Fügen Sie Ihrer Seite einen Code-Block hinzu (klicken Sie auf das +-Symbol und wählen Sie dann Code unter Mehr aus)

  2. Fügen Sie im Code-Block Ihr Button-HTML mit der PixelFlow-Klasse hinzu:

<a href="your-destination-url" class="action-btn-lead-011-pf">
  Get Started
</a>

  1. Ersetzen Sie action-btn-lead-011-pf durch die entsprechende Klasse aus dem Klassendokument

  2. Speichern und veröffentlichen Sie Ihre Seite

Für die meisten Squarespace-Benutzer ist die Verwendung von Event-URLs einfacher und zuverlässiger als benutzerdefinierte Code-Blöcke. Erwägen Sie, eine dedizierte Dankesseite einzurichten und diese stattdessen über die URL zu tracken.

Überprüfung Ihres Setups

Nach der Installation von PixelFlow auf Ihrer Squarespace-Website:

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

  2. Führen Sie Aktionen aus, die ein Tracking auslösen sollten (Seitenaufrufe, Checkout usw.)

  3. Überprüfen Sie Ihr PixelFlow-Dashboard, um zu bestätigen, dass Events erfasst werden

  4. Stellen Sie sicher, dass Events innerhalb weniger Minuten in Ihrem Meta Events Manager erscheinen

Testen Sie immer auf Ihrer veröffentlichten Website, nicht im Squarespace-Vorschaumodus. Das Tracking funktioniert in der Vorschau möglicherweise nicht korrekt.

Häufige Probleme und Lösungen

Events erscheinen nicht im Dashboard

  • Überprüfen Sie, ob das PixelFlow-Skript in Ihrem Squarespace-Header installiert ist (siehe Squarespace-Einrichtungsanleitung)

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

  • Leeren Sie Ihren Browser-Cache und testen Sie erneut

  • Überprüfen Sie, ob Ihre Meta-Pixel-ID und Ihr Conversions-API-Schlüssel in PixelFlow korrekt konfiguriert sind

Doppelte Purchase-Events

  • PixelFlow kümmert sich automatisch um die Duplikatsvermeidung. Falls Sie dennoch Duplikate sehen, kontaktieren Sie bitte den Support

  • Stellen Sie sicher, dass Sie den Standard-Facebook-Pixel-Code nicht separat hinzugefügt haben – dies kann zu Konflikten führen

Events aus benutzerdefinierten Code-Blöcken werden nicht getrackt

  • Überprüfen Sie, ob Sie exakt den Klassennamen aus dem Klassendokument verwenden

  • Stellen Sie sicher, dass der Code-Block veröffentlicht und auf der Live-Seite sichtbar ist

  • Prüfen Sie Ihre Browser-Konsole auf JavaScript-Fehler

  • Erwägen Sie die Verwendung von Event-URLs für ein zuverlässigeres Tracking

Nächste Schritte

War das hilfreich?