ClickFunnels-Einrichtung

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

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

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

1. Einloggen oder Registrieren im PixelFlow-Dashboard

Bevor Sie mit dem Einrichtungsprozess 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 wird Sie der PixelFlow-Einrichtungsassistent durch den Prozess führen.

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

2. Fügen Sie Ihre ClickFunnels-Funnel-Domain hinzu (z. B. https://www.yourfunnel.com)

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

4. Klicken Sie auf Continue oder Next, um fortzufahren

3. Fügen Sie Ihr Meta Pixel hinzu

Verbinden Sie im zweiten Schritt des Assistenten Ihr Meta Pixel:

1. Geben Sie Ihren Pixelnamen ein (dies kann ein beliebiger Name 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 Add Pixel oder Save

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 Copy Script

2. Das Skript wird in Ihre Zwischenablage kopiert

5. Fügen Sie das PixelFlow-Skript zum ClickFunnels Head Code hinzu

Jetzt 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 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 überprüfen, ob Ihre Einrichtung korrekt funktioniert.

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

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 fragt automatisch alle 10 Sekunden nach Events

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

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

   • Ein grünes Glückwunsch-Modal: „Congratulations! Your ClickFunnels funnel is now connected to PixelFlow“

   • Der Assistent schließt sich automatisch

5. Ihr Website-Status in der Pixels-Tabelle auf Ihrer Übersichtsseite ändert sich zu „Connected“

8. Optional: eCommerce-Tracking-Skripte hinzufügen

Wenn Sie Produkte über ClickFunnels verkaufen, können Sie Ihr Kauf-Tracking mit benutzerdefinierten Skripten erweitern, um Bestellwerte und Kundeninformationen zu erfassen und Ihre Meta-Event-Übereinstimmungsrate 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-/Dankeseite 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 von Skripten.

• 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.

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

• Benutzerdefinierte eCommerce-Skripte: eCommerce-Tracking erfordert benutzerdefinierte Skripte und muss je nach Funnel-Struktur eventuell angepasst werden.

• Abfragefenster des Assistenten: Der Verifizierungsschritt fragt bis zu 1 Stunde lang nach Events ab. Danach prüfen Sie bitte 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 ein kostenloses Setup-Telefonat

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