ClickFunnels Einrichten

Dieser Artikel führt Sie durch den Prozess, wie Sie die Facebook Conversions API auf ClickFunnels einrichten.

Voraussetzungen

• ClickFunnels-Konto mit Editor-Zugriff zum Ändern der Funnel-Einstellungen und Hinzufügen von benutzerdefiniertem Code

• Administrator-Zugriff auf den Meta Business Manager mit Ihren Meta Pixel-Zugangsdaten

• Entfernen Sie alle vorhandenen Facebook Pixel-Skripte, um doppeltes Tracking zu vermeiden

1. Login oder Registrierung im PixelFlow-Dashboard

Bevor Sie mit der Einrichtung beginnen, benötigen Sie ein PixelFlow-Konto.

• Wenn Sie ein neuer Benutzer sind, erstellen Sie Ihr Konto unter dashboard.pixelflow.so

• Wenn Sie ein bestehender Benutzer sind, loggen Sie sich ein, um auf Ihr Dashboard zuzugreifen

• Eine kostenlose 7-Tage-Testversion startet automatisch, keine Kreditkarte erforderlich

2. Wählen Sie Ihre Plattform

Nach dem Einloggen führt Sie der PixelFlow-Einrichtungsassistent durch den Prozess.

1. Wählen Sie im ersten Schritt des Assistenten die Option "Andere" (Other) aus

2. Fügen Sie Ihre ClickFunnels-Domain hinzu (z. B. https://www.ihrfunnel.de)

3. Wählen Sie Ihre Währung aus dem Dropdown-Menü (optional, wird für das E-Commerce-Tracking verwendet)

4. Klicken Sie auf Weiter oder Next, um fortzufahren

3. Fügen Sie Ihr Meta Pixel hinzu

Im zweiten Schritt des Assistenten verbinden Sie Ihr Meta Pixel:

1. Geben Sie einen Pixel-Namen an (dies kann ein beliebiger Name Ihrer Wahl zur Identifizierung sein)

2. Geben Sie Ihre Pixel-ID ein (diese finden Sie im Facebook Events Manager)

3. Geben Sie Ihr Meta Pixel Access Token ein (erzeugen Sie dieses im Facebook Events Manager unter Einstellungen)

4. Aktivieren Sie das Kontrollkästchen, um zu bestätigen, dass Sie alle vorhandenen nativen Meta Pixel entfernt haben

5. Klicken Sie auf Pixel hinzufügen oder Speichern

4. Kopieren Sie Ihr PixelFlow-Skript

Im dritten Schritt des Assistenten generiert PixelFlow ein einzigartiges Tracking-Skript für Ihren ClickFunnels-Funnel.

1. Klicken Sie im Assistenten auf die Schaltfläche Skript kopieren

2. Das Skript wird in Ihre Zwischenablage kopiert

5. PixelFlow-Skript zum ClickFunnels Head Code hinzufügen

Nun fügen Sie das PixelFlow-Skript zu Ihrem ClickFunnels-Funnel hinzu, um das Tracking auf allen Seiten zu aktivieren.

1. Loggen Sie sich in Ihr ClickFunnels-Konto ein

2. Navigieren Sie zu dem Funnel, den Sie tracken möchten

3. Klicken Sie auf Settings (Einstellungen) für Ihren Funnel

4. Scrollen Sie nach unten zum Bereich Head Tracking Code

5. Fügen Sie Ihr PixelFlow-Skript in den Bereich Head Code ein

6. Klicken Sie auf Save oder Update Settings

6. Veröffentlichen Sie Ihren Funnel

Stellen Sie nach dem Hinzufügen des Skripts sicher, dass Ihr Funnel veröffentlicht und live ist:

1. Überprüfen Sie Ihre Funnel-Seiten im ClickFunnels-Editor

2. Klicken Sie auf Publish oder stellen Sie sicher, dass Ihr Funnel bereits live ist

3. Besuchen Sie Ihre Live-Funnel-URL (nicht die Editor-Vorschau), um das Tracking zu testen

7. Interagieren Sie mit Ihrem Funnel und sehen Sie Konfetti

Der letzte Schritt des Assistenten hilft Ihnen zu verifizieren, dass Ihre Einrichtung korrekt funktioniert.

1. Besuchen Sie Ihren Live-ClickFunnels-Funnel in einem neuen Browserfenster oder im Inkognito-Modus

2. Navigieren Sie durch einige Seiten in Ihrem Funnel (z. B. Opt-in-Seite, dann weiter zum nächsten Schritt)

3. Kehren Sie zum PixelFlow-Assistenten zurück – dieser prüft automatisch alle 10 Sekunden auf neue Events

4. Sobald das erste Page View-Event erkannt wird, sehen Sie:

   • Eine Konfetti-Animation (lila, rosa und blaue Partikel in der Mitte des Bildschirms)

   • Ein grünes Glückwunsch-Fenster: "Glückwunsch! Ihr ClickFunnels-Funnel ist jetzt mit PixelFlow verbunden"

   • Der Assistent schließt sich automatisch

5. Ihr Website-Status in der Pixel-Tabelle auf Ihrer Übersichtsseite ändert sich auf "Verbunden"

8. Optional: E-Commerce-Tracking-Skripte hinzufügen

Wenn Sie Produkte über ClickFunnels verkaufen, können Sie Ihr Purchase-Tracking mit benutzerdefinierten Skripten erweitern, um Bestellwerte und Kundeninformationen zu erfassen und Ihre Meta-Event-Übereinstimmungswerte (Match Scores) zu verbessern.

Checkout-Skript hinzufügen (Checkout-Seite)

Dieses Skript erfasst Kundeninformationen, wenn diese Details auf Ihrer Checkout-Seite eingeben:

1. Navigieren Sie in ClickFunnels zu Ihrer Checkout-Seite

2. Klicken Sie auf Settings für diese Seite

3. Scrollen Sie zum Bereich Footer Tracking Code

4. Fügen Sie das folgende Checkout-Skript ein:

<script>
!function(){"use strict";const e="pixelflow_checkout_data",t=500,n=120;let a=0,i=null,o=null;function r(e){if(!e?.textContent?.trim())return null;const t=e.textContent.trim(),n=t.match(/\$?\s*[\d,]+\.?\d*/);return n?n[0].trim():t}function l(t){if(!t)return;let n=s();n||(n={price:null,email:null,first_name:null,last_name:null,phone:null,timestamp:new Date().toISOString()});const a=t.trim();a&&n.price!==a&&(n.price=a,n.timestamp=new Date().toISOString(),c(n))}function u(e){const t=e.querySelector(".elOrderSummaryTotalPrice")?.closest(".elOrderSummaryBody")||e,n=e.querySelector(".elOrderSummaryTotalPrice");if(n){const e=r(n);e&&l(e)}return o=new MutationObserver((()=>{const t=e.querySelector(".elOrderSummaryTotalPrice");if(t){const e=r(t);e&&l(e)}})),o.observe(t,{characterData:!0,childList:!0,subtree:!0,attributes:!0}),!0}function s(){try{const t=localStorage.getItem(e);return t?JSON.parse(t):null}catch(e){return null}}function c(t){try{localStorage.setItem(e,JSON.stringify(t))}catch(e){}}function m(){const e={price:null,email:null,first_name:null,last_name:null,phone:null,timestamp:new Date().toISOString()};return c(e),e}function f(e){return!!(e.email&&e.first_name&&e.last_name)}function d(e,t){if(!t)return;let n=s();n||(n=m());const a=t.trim();a&&n[e]!==a&&(n[e]=a,n.timestamp=new Date().toISOString(),c(n),f(n)&&i&&clearInterval(i))}function p(){const e=console.log;console.log=function(...t){e.apply(console,t);try{const e=t[0];if("string"==typeof e&&e.includes("[Stripe] linkAuthentication")){const e=t[1];e?.value?.email&&d("email",e.value.email)}if("string"==typeof e&&e.includes("[Stripe] address")){const e=t[1];if(e?.value){const{name:t,firstName:n,lastName:a,phone:i}=e.value;if(t&&!n&&!a){const e=t.trim().split(/\s+/);e.length>=2&&(d("first_name",e[0]),d("last_name",e.slice(1).join(" ")))}else n&&d("first_name",n),a&&d("last_name",a);i&&d("phone",i)}}}catch(e){}}}function h(t){a++;let i=s();i||(i=m());let o=!1;try{const e=localStorage.getItem("cf_checkout_details");if(e){const t=JSON.parse(e);t.email&&!i.email&&(i.email=t.email,o=!0),t.first_name&&!i.first_name&&(i.first_name=t.first_name,o=!0),t.last_name&&!i.last_name&&(i.last_name=t.last_name,o=!0),t.phone&&!i.phone&&(i.phone=t.phone,o=!0)}}catch(e){}[{id:"cf_contact_email",key:"email"},{id:"cf_contact_first_name",key:"first_name"},{id:"cf_contact_last_name",key:"last_name"},{id:"cf_contact_phone",key:"phone"}].forEach((({id:e,key:n})=>{const a=t.querySelector(`#${e}`);a?.value&&!i[n]&&(i[n]=a.value.trim(),o=!0)})),o&&(i.timestamp=new Date().toISOString(),c(i)),f(i)?clearInterval(i):a>=n&&clearInterval(i)}function g(){const e=document.querySelector("body");m(),p();let t=0;const n=()=>{if(u(e))return;t++,t<10&&setTimeout(n,500)};n(),i=setInterval((()=>h(e)),t)}function b(){i&&(clearInterval(i),i=null),o&&(o.disconnect(),o=null)}window.addEventListener("beforeunload",b),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",g):g()}();
</script>

1. Klicken Sie auf Save

9. Purchase-Skript hinzufügen (Bestellbestätigungsseite)

Dieses Skript löst das Purchase-Event auf Ihrer Erfolgs- oder Danke-Seite aus:

1. Navigieren Sie in ClickFunnels zu Ihrer Bestellbestätigungs-/Erfolgsseite

2. Klicken Sie auf Settings für diese Seite

3. Scrollen Sie zum Bereich Footer Tracking Code

4. Fügen Sie das folgende Purchase-Skript ein:

// PixelFlow Purchase Event Script
<script>
!function(){"use strict";!async function e(){if(!window.pixelFlow?.trackEvent||!window.pixelFlow?.utils?.normalizeCustomerData)return void setTimeout(e,1e3);const t=function(){try{const e=localStorage.getItem("pixelflow_checkout_data");return e?JSON.parse(e):null}catch(e){return null}}();var n;if(t)try{const e=function(e){if(!e)return 0;const t=parseFloat(e.replace(/[$,]/g,"").trim());return isNaN(t)?0:t}(t.price),a={value:e,currency:(n=t.price)?n.includes("$")?"USD":n.includes("€")?"EUR":n.includes("£")?"GBP":"USD":"USD",content_type:"product",numItems:1},i={};t.email&&(i.em=t.email),t.first_name&&(i.fn=t.first_name),t.last_name&&(i.ln=t.last_name),t.phone&&(i.ph=t.phone);const o=await window.pixelFlow.utils.normalizeCustomerData(i);await window.pixelFlow.trackEvent("Purchase",a,o)&&localStorage.removeItem("pixelflow_checkout_data")}catch(e){}}()}();
</script>

1. Klicken Sie auf Save

Fehlerbehebung

Einschränkungen

• Keine native App: Im Gegensatz zu Webflow oder Framer hat ClickFunnels keine native PixelFlow-App, daher erfordert die Einrichtung das manuelle Einfügen des Skripts.

• Ein Skript pro Funnel/Domain: Jeder ClickFunnels-Funnel oder jede Domain benötigt ein eigenes, eindeutiges PixelFlow-Skript. Kopieren Sie keine Skripte zwischen verschiedenen Funnels.

• Editor-Vorschau-Tracking: Events werden im ClickFunnels-Vorschaumodus nicht ausgelöst. Testen Sie immer mit Ihrer veröffentlichten Live-Funnel-URL.

• Benutzerdefinierte E-Commerce-Skripte: E-Commerce-Tracking erfordert benutzerdefinierte Skripte und muss eventuell an Ihre Funnel-Struktur angepasst werden.

• Abfragezeitfenster des Assistenten: Der Verifizierungsschritt sucht bis zu 1 Stunde lang nach Events. Prüfen Sie danach die Events-Seite manuell.

Hilfe erhalten

Wenn Sie Probleme mit Ihrem ClickFunnels-Setup haben:

• Überprüfen Sie, ob Sie alle oben genannten Schritte abgeschlossen und Ihren Funnel veröffentlicht haben

• Stellen Sie sicher, dass Ihre Meta Pixel-ID und Ihr Access Token im Facebook Events Manager korrekt sind

• Nutzen Sie die Browser-Entwicklertools (F12), um Ihren Funnel auf JavaScript-Fehler zu prüfen

• Kontaktieren Sie den PixelFlow-Support unter [email protected] oder buchen Sie einen kostenlosen Setup-Call

Wenn Sie den Support kontaktieren, geben Sie bitte Folgendes an:

• Ihre ClickFunnels-Funnel-URL

• Screenshots von etwaigen Fehlermeldungen

• Ob Sie Events in Ihrem PixelFlow-Dashboard sehen

• Ob Sie Events im Facebook Events Manager sehen