Webflow-Integration

Fügen Sie Zenovay über Site Settings → Custom Code zu jeder Webflow-Website hinzu. Webflow bietet erstklassige Unterstützung für Analyse-Tags, sodass dies eine der saubersten CMS-Integrationen ist.

Webflow Custom Code erfordert einen bezahlten Site Plan (Basic, CMS, Business oder Ecommerce) für die Website selbst. Workspace-Pläne allein sind nicht ausreichend.

Schnellstart

Kopieren Sie Ihr Tracking-Snippet aus dem Zenovay Dashboard.
Öffnen Sie im Webflow Designer Site Settings → Custom Code.
Fügen Sie das Snippet in Head code ein.
Speichern Sie die Änderungen.
Klicken Sie oben rechts im Designer auf Publish.

Installation

Seitenweiter Custom Code (empfohlen)

Öffnen Sie Ihr Projekt im Webflow Designer.
Klicken Sie auf das Zahnrad-Symbol in der linken Seitenleiste, um Site Settings zu öffnen.
Öffnen Sie den Tab Custom Code.
Fügen Sie dieses Snippet in das Feld Head code ein:

<script defer data-tracking-code="YOUR_TRACKING_CODE" src="https://api.zenovay.com/z.js"></script>

Klicken Sie auf Save Changes.
Kehren Sie zum Designer zurück und klicken Sie auf Publish → wählen Sie Ihre Domains → Publish to Selected Domains.

Seitenspezifischer Custom Code

Für Tracking nur auf bestimmten Seiten (z. B. Kampagnen-Landing-Pages):

Wählen Sie die Seite im Pages-Panel aus.
Klicken Sie auf das Zahnrad-Symbol → Page Settings.
Scrollen Sie zu Custom Code → Inside <head> tag.
Fügen Sie dasselbe Snippet ein.
Speichern und veröffentlichen.

Code auf Seitenebene wird nach dem seitenweiten Code angehängt — fügen Sie ihn nicht in beiden Bereichen ein, sonst werden Besuche doppelt gezählt.

Installation überprüfen

Öffnen Sie Ihre veröffentlichte Website in einem Inkognito-Fenster.
Zeigen Sie den Quelltext an — Sie sollten <script defer data-tracking-code=...> im <head> sehen.
Prüfen Sie die Zenovay Echtzeit-Ansicht — Ihr Besuch erscheint innerhalb von ~30 Sekunden.

Benutzerdefinierte Ereignisse verfolgen

Nachdem der Tracker geladen ist, rufen Sie window.zenovay() aus einem beliebigen Webflow HTML Embed-Element auf:

<script>
  document.addEventListener('DOMContentLoaded', () => {
    const cta = document.querySelector('[data-zv-cta]');
    cta?.addEventListener('click', () => {
      window.zenovay?.('track', 'cta_clicked', {
        location: cta.dataset.zvCta,
        page: window.location.pathname,
      });
    });
  });
</script>

Fügen Sie dann data-zv-cta="hero-primary" zu Ihrer Schaltfläche über den Abschnitt Custom attributes im Designer hinzu.

Webflow Ecommerce-Käufe verfolgen

Für Webflow Ecommerce-Shops lösen Sie ein purchase-Ereignis auf der Bestellbestätigungs-Seitenvorlage über ein HTML Embed aus:

<script>
  document.addEventListener('DOMContentLoaded', () => {
    const total = document.querySelector('[data-wf-order-total]')?.textContent;
    const orderId = window.location.pathname.split('/').pop();
    if (window.zenovay && total) {
      window.zenovay('track', 'purchase', {
        transaction_id: orderId,
        revenue: parseFloat(total.replace(/[^0-9.]/g, '')),
        currency: 'USD',
      });
    }
  });
</script>

Für höhere Genauigkeit (Rückerstattungen, Abonnements) verwenden Sie stattdessen serverseitige Webhooks.

Eingeloggte Mitglieder identifizieren (Memberstack)

<script>
  window.$memberstackDom?.getCurrentMember().then(({ data: member }) => {
    if (member && window.zenovay) {
      window.zenovay('identify', {
        userId: member.id,
        email: member.auth?.email,
        plan: member.planConnections?.[0]?.planName,
      });
    }
  });
</script>

Fehlerbehebung

Keine Daten. Prüfen Sie, ob die Website einen bezahlten Site Plan hat — kostenlose und reine Workspace-Pläne können keine Skripte einbetten. Bestätigen Sie dann, dass Sie im Designer auf Publish geklickt haben.

Nur die Hälfte der Seiten wird verfolgt. Sie haben wahrscheinlich seitenspezifischen Head Code hinzugefügt, der den seitenweiten überschreibt. Verschieben Sie das Snippet nur in Site Settings → Custom Code.

Ereignisse werden nicht ausgelöst. Schließen Sie Ihre benutzerdefinierten Ereignis-Listener in DOMContentLoaded ein — Zenovay ist verzögert und lädt etwas nach dem ersten Rendering.

Doppelte Seitenaufrufe. Snippet in Site Settings und in einem HTML Embed eingefügt. Entfernen Sie eine Instanz.

Plan-Voraussetzungen

Plan	Custom Code	Hinweise
Starter (kostenlos)	❌	Custom Code deaktiviert
Basic	✅	Statische Websites
CMS	✅	Dynamische CMS-Websites
Business	✅	Höhere Formularlimits
Ecommerce	✅	Plus Umsatz-Tracking

Datenschutz

Für Cookie-freies Tracking fügen Sie data-cookieless="true" hinzu:

<script defer
        data-tracking-code="YOUR_TRACKING_CODE"
        data-cookieless="true"
        src="https://api.zenovay.com/z.js"></script>

Nächste Schritte

Lesen Sie den vollständigen Webflow-Integrations-Leitfaden auf docs.zenovay.com für erweiterte Beispiele einschließlich Memberstack-Identifizierung und Formular-Absendungs-Tracking.
Richten Sie Konversionsziele ein.
Brauchen Sie Hilfe? Kontaktieren Sie [email protected].