Zum Hauptinhalt springen

Die Integration in Webflow erfolgt über die globalen Projekteinstellungen. Du benötigst dafür einen Webflow-Plan, der Custom Code unterstützt (Site Plan oder Workspace Plan).
1

Tracking-Skript kopieren

Kopiere dein Tracking-Skript aus dem bchic Dashboard (Einstellungen -> Website).Der Code sieht ungefähr so aus:
<script defer src="https://analytics.bchic.de/script.js" data-website-id="DEINE-ID-HIER"></script>
2

Projekteinstellungen öffnen

  1. Öffne dein Webflow Dashboard.
  2. Klicke auf die drei Punkte (…) bei deinem Projekt und wähle Settings.
  3. Navigiere im oberen Reiter zum Tab Custom Code.
3

Code einfügen

Füge dein bchic-Skript in das Feld Head Code ein.
Achte darauf, den Code nicht in den Footer-Code zu packen, damit die Erfassung so früh wie möglich startet.
Klicke anschließend auf den grünen Button Save Changes.
4

Veröffentlichen

Custom Code in Webflow wird erst aktiv, wenn die Seite veröffentlicht wurde.Klicke oben rechts auf Publish und wähle deine Domains aus. Sobald der Publish-Vorgang abgeschlossen ist, ist bchic aktiv.

​
Custom Events in Webflow (Buttons tracken)

In Webflow kannst du Interaktionen (wie Klicks auf wichtige Buttons) einfach tracken, ohne den Button selbst “schmutzig” zu machen. Wir nutzen dafür IDs.
  1. Wähle deinen Button im Webflow Designer aus.
  2. Gehe rechts in die Settings (Zahnrad).
  3. Gib dem Button im Feld ID einen eindeutigen Namen, z.B. cta-button-header.
Gehe nun zurück in die Page Settings (oder globalen Custom Code) in den Bereich Before </body> tag und füge dieses Snippet ein: 
<script>
  var btn = document.getElementById('cta-button-header');

  if (btn) {
    btn.addEventListener('click', function() {
      if(window.bchic) {
        bchic('track', 'signup_click', { position: 'header' });
      }
    });
  }
</script>