adsfox mit Webflow verbinden: Schritt für Schritt
Wenn Sie adsfox mit Webflow verbinden, erfassen Sie automatisch Leads aus Formularen auf Ihrer Website und übermitteln diese im Server-Side-Tracking- bzw. Conversion-API-Modus. Nach dem Einfügen des dedizierten Skripts im Bereich Custom Code → globale JS-Skripte registriert adsfox jede abgesendete Formularanfrage und leitet die Leads anschließend an CRM und Werbeplattformen weiter: Meta, Google Ads, TikTok, LinkedIn und GA4.
So können Sie die Qualität gewonnener Kontakte bewerten, diese als qualifiziert / nicht qualifiziert / Verkauf kennzeichnen und Werbekampagnen anhand des tatsächlichen Werts der Leads optimieren – nicht nur anhand der reinen Formular-Akquisekosten (CPL, Cost per Lead). Die Integration ist schnell umgesetzt, erfordert keine Programmierkenntnisse und ermöglicht es, das volle Potenzial des Server-Side-Trackings in Lead-Generierungskampagnen auszuschöpfen.
Wie verbindet man adsfox mit Webflow?
Beachten Sie, dass das Hinzufügen von Custom Code auf einer mit Webflow verwalteten Seite erst ab dem Premium-Abonnement möglich ist.
- Melden Sie sich in Ihrem Webflow-Konto an.
- Gehen Sie zu den Einstellungen (Menü auf der linken Seite).
- Wechseln Sie zum Tab „SEO and analytics“ (SEO und Analyse).
- Wählen Sie „Custom code in HEAD“ (Benutzerdefinierter Code im HEAD-Bereich).
- Fügen Sie das Skript unter „global JS scripts“ (globale JS-Skripte) ein.
Das dedizierte adsfox-Skript finden Sie in Ihrem adsfox-Panel unter dem Tab Lead Acquisition (Lead-Erfassung), dann unter website script (Website-Skript):
Wählen Sie anschließend aus der Liste die Plattform, mit der Sie Ihre Website verwalten. Für Webflow wählen Sie „others“ (Sonstige). Wenn Ihre Website reCAPTCHA oder GA4 nutzt, aktivieren Sie diese Optionen, bevor Sie das Skript herunterladen.
Falls Sie mehrere Domains verwenden oder sich Ihr Formular auf einer Subdomain befindet, aktivieren Sie zusätzlich die dritte Option, also Cross-domain (domänenübergreifend):
Nach einem Klick auf „download script“ (Skript herunterladen) erscheint folgende Ansicht:
Wenn Sie mehrere Domains oder eine Subdomain nutzen, geben Sie diese entsprechend der Panel-Ansicht ein (durch Kommas getrennt).
Laden Sie anschließend das passende Skript herunter. Sie haben zwei Möglichkeiten:
- Kopieren Sie den Embed-Code und fügen Sie ihn direkt in Ihrem System ein (in diesem Fall Webflow – wie in den vorherigen Schritten beschrieben).
- Sie können Custom HTML über den Google Tag Manager implementieren, der auf Ihrer Seite eingebunden ist.
Unabhängig davon, für welche Option Sie sich entscheiden, denken Sie daran, die Änderungen zu speichern. Nach dem Speichern ist die Verbindung zwischen adsfox und Webflow aktiv.
Ab diesem Zeitpunkt werden alle über Formulare abgesendeten Leads automatisch:
- im adsfox-Panel unter dem Tab Retrieved contacts (Erfasste Kontakte) sichtbar,
- mit Ihrem CRM synchronisiert,
- mit den Status neuer Lead / qualifiziert / nicht qualifiziert / Verkauf gekennzeichnet,
- über die Conversion API an Meta, Google Ads, TikTok, LinkedIn und GA4 übermittelt.
Dies ermöglicht eine präzise Analyse der Traffic-Qualität, den Aufbau wertvoller Zielgruppen, das Ausschließen minderwertiger Leads und die Optimierung von Kampagnen anhand des tatsächlichen Einflusses auf den Verkauf. Um sicherzustellen, dass die Integration korrekt funktioniert, senden Sie ein Testformular in Webflow ab und prüfen Sie, ob der Lead im adsfox-Panel unter dem Tab Retrieved contacts erscheint.
Die Verbindung von adsfox mit Webflow gewährleistet eine vollständige Erfassung von Werbekonversionen, ohne dass mehrere Skripte und Tags erforderlich sind, und ermöglicht so die Kampagnenoptimierung anhand des tatsächlichen Konversionswerts.
Wie geht es weiter?
Nachdem Sie Ihre Website mit Ihrem CRM verbunden haben, lohnt es sich, auch zu erfahren, wie Sie adsfox mit Meta verbinden. So gelangen alle Leads aus Ihren Werbekampagnen automatisch in Ihre Tabellen in adsfox.
Im nächsten Beitrag erfahren Sie Schritt für Schritt, wie Sie diese Integration konfigurieren.
