Schritt 1: WPCode Lite Plugin installieren
Für die Code-Einbindung nutzen wir das kostenlose Plugin "WPCode Lite". Das Plugin macht es kinderleicht, Code im Header und Footer deiner WordPress-Website zu platzieren – genau dort, wo VibeTrack ihn braucht.
Plugin installieren:
- Melde dich in deinem WordPress-Dashboard an
- Gehe zu "Plugins" → "Installieren"
- Suche nach "WPCode Lite"
- Klicke auf "Jetzt installieren"
- Klicke auf "Aktivieren"
💡 Warum WPCode Lite?
Das Plugin ist kostenlos, wird aktiv weiterentwickelt und hat über 1 Million aktive Installationen. Es macht Code-Einbindung in WordPress so einfach wie möglich – ohne dass du Theme-Dateien bearbeiten musst.
Schritt 2: VibeTrack-Code aus dem Dashboard holen
Jetzt holst du dir deinen persönlichen VibeTrack-Code. Der Code ist einzigartig für deine Website und ermöglicht das Tracking.
Code kopieren:
- Öffne dein VibeTrack-Dashboard in einem neuen Tab
- Gehe zu "Einstellungen" → "Installation"
- Kopiere den Header-Code (für den
<head>-Bereich) - Kopiere den Footer-Code (für vor
</body>)
⚠️ Code nicht verändern
Kopiere den Code exakt so, wie er im Dashboard angezeigt wird. Änderungen können das Tracking funktionsunfähig machen.
Schritt 3: Header-Code in WordPress einfügen
Jetzt fügst du den Header-Code mit WPCode Lite ein. Der Header-Code lädt VibeTrack auf jeder Seite deiner Website und ermöglicht Besuchertracking und Cookie-Banner.
Header-Code einbinden:
- Gehe in WordPress zu "Code Snippets" → "Header & Footer"
- Füge den kopierten Header-Code in das Feld "Header" ein
- Klicke auf "Änderungen speichern"
Schritt 4: Footer-Code einfügen (optional)
Der Footer-Code ist optional, wird aber für bestimmte Tracking-Funktionen empfohlen.
Footer-Code einbinden:
- Scrolle im gleichen WPCode-Fenster nach unten zum Feld "Footer"
- Füge den kopierten Footer-Code ein
- Klicke auf "Änderungen speichern"
Geschafft! 🎉
Deine WordPress-Website ist jetzt mit VibeTrack verbunden. Du trackst Besucher, hast einen DSGVO-konformen Cookie-Banner und kannst jetzt Conversions messen.
Wichtig: Das musst du nach dem Setup beachten
Damit dein Tracking einwandfrei funktioniert und du keine verfälschten Daten erhältst, musst du diese drei Punkte checken:
1. Kein anderer Cookie-Hinweis
VibeTrack bringt einen eigenen, DSGVO-konformen Cookie-Banner mit. Wenn du bereits ein Cookie-Plugin auf deiner WordPress-Website hast, musst du es entfernen.
Diese Plugins müssen deaktiviert werden:
- Complianz
- Borlabs Cookie
- CookieBot
- Real Cookie Banner
- Cookie Notice
- GDPR Cookie Consent
Warum? Zwei Cookie-Banner verwirren deine Besucher und können sich gegenseitig blockieren. Das führt zu niedrigeren Akzeptanzraten und schlechteren Tracking-Daten.
So entfernst du alte Cookie-Banner:
- Gehe zu "Plugins" → "Installierte Plugins"
- Suche nach "Cookie" oder "GDPR"
- Deaktiviere und lösche alle Cookie-Banner-Plugins
2. Kein anderer Tracking-Pixel
Wenn du bereits Facebook Pixel, Google Analytics oder andere Tracking-Tools auf deiner Website hast, musst du sie entfernen. VibeTrack übernimmt das komplette Tracking – mit besserer Qualität durch Server-Side Tracking.
Diese Plugins/Tools müssen weg:
- PixelYourSite
- Facebook for WordPress
- MonsterInsights (Google Analytics)
- GA Google Analytics
- Site Kit by Google
- Google Tag Manager Plugins
Warum? Wenn zwei Tracking-Tools parallel laufen, werden Events doppelt gezählt. Das verfälscht deine Conversion-Daten und führt zu falschen Kampagnen-Optimierungen.
So entfernst du alte Tracking-Codes:
- Gehe zu "Plugins" → "Installierte Plugins"
- Suche nach "Pixel", "Analytics", "Tag Manager" oder "Tracking"
- Deaktiviere alle gefundenen Plugins
💡 Custom Code prüfen: Manche Entwickler haben Tracking-Codes direkt in Theme-Dateien eingefügt. Prüfe unter "Design" → "Theme-Editor" inheader.phpundfooter.php, ob dort alte Pixel-Codes vorhanden sind.
3. Immer Danke-Seiten bei Formularen verwenden
VibeTrack trackt Conversions am zuverlässigsten über Danke-Seiten. Stelle sicher, dass jedes Formular nach dem Absenden zu einer eindeutigen Danke-Seite weiterleitet.
So richtest du Danke-Seiten ein:
Contact Form 7:
- Erstelle eine neue Seite (z.B. "/kontakt-danke")
- Gehe zu "Formulare" → dein Formular bearbeiten
- Unter "Zusätzliche Einstellungen" füge hinzu:
on_sent_ok: "location = '/kontakt-danke';"
WPForms:
- Erstelle eine Danke-Seite
- Bearbeite dein Formular → "Einstellungen" → "Bestätigung"
- Wähle "Zu einer Seite weiterleiten"
- Wähle deine Danke-Seite aus
Elementor Forms:
- Bearbeite dein Formular
- Gehe zu "Aktionen nach dem Absenden"
- Füge "Weiterleitung" hinzu
- Trage die URL deiner Danke-Seite ein (z.B. "/kontakt-danke")
Gravity Forms:
- Bearbeite dein Formular → "Bestätigungen"
- Wähle "Weiterleitung"
- Gib die URL deiner Danke-Seite ein
⚠️ Keine AJAX-Popups verwenden
Vermeide Erfolgs-Popups ohne Seitenwechsel. VibeTrack kann diese nicht zuverlässig tracken. Eine dedizierte Danke-Seite ist die sicherste Methode für präzises Conversion-Tracking.
Die nächsten Schritte
🎨 Cookie-Banner anpassen
Passe Farben, Texte und Position des Banners in VibeTrack unter "Cookie-Banner" an dein WordPress-Design an.
🎯 Conversions einrichten
Definiere Trigger für wichtige Aktionen (Kontaktformular, Kalender-Buchung, Kauf) unter "Trigger" in VibeTrack. Nutze die URLs deiner Danke-Seiten als Trigger-Bedingungen.
📊 Integrationen aktivieren
Verbinde Facebook, Google Ads, LinkedIn oder TikTok unter "Integrationen" für automatisches Server-Side Tracking.
👥 Team einladen
Gib deinem Team Zugriff auf VibeTrack mit passenden Rechten (Editor, Admin, Read-Only).
Häufige Fragen
Funktioniert das mit jedem WordPress-Theme?
Ja. VibeTrack funktioniert mit allen WordPress-Themes, egal ob Elementor, Divi, Astra oder Custom-Themes. Der Code wird im <head>-Bereich geladen und ist Theme-unabhängig.
Verlangsamt VibeTrack meine WordPress-Website?
Nein. Der VibeTrack-Code ist optimiert und lädt asynchron. Deine Website-Geschwindigkeit wird nicht beeinträchtigt – im Gegenteil: Durch Server-Side Tracking reduzierst du die Anzahl der Client-seitigen Scripts.
Was passiert bei einem Theme-Update?
Nichts. Wenn du WPCode Lite nutzt, bleibt der Code auch nach Theme-Updates erhalten. Nur wenn du den Code direkt in Theme-Dateien eingefügt hast, musst du ihn nach Updates erneut einfügen.
Kann ich VibeTrack mit WooCommerce nutzen?
Ja. VibeTrack trackt auch WooCommerce-Käufe. Definiere einfach einen Trigger für die "Bestellung abgeschlossen"-Seite (z.B. URL enthält /checkout/order-received/).
Muss ich den alten Facebook-Pixel wirklich entfernen?
Ja, unbedingt. Wenn beide Pixel parallel laufen, werden Conversions doppelt gezählt. Das verfälscht deine Kampagnen-Performance und führt zu falschen Optimierungs-Entscheidungen.
Was mache ich, wenn ich kein WPCode Lite installieren kann?
Falls dein Hosting-Provider Plugins einschränkt, kannst du den Code direkt in deine Theme-Dateien einfügen (unter "Design" → "Theme-Editor" → header.php). Beachte aber, dass der Code bei Theme-Updates verloren gehen kann.
