> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # 🔗 Integriert Hoppy Cookie mit Meta Pixel > ℹ️ **Note:** Dieser Artikel wurde automatisch mit AI übersetzt und kann Ungenauigkeiten enthalten. Wenn etwas falsch aussieht, kontaktieren Sie bitte unser Support-Team. Verbinden von Meta Pixel mit Hoppy Cookie ermöglicht es Facebook und Instagram, die Zustimmungseinstellungen der Besucher zu respektieren, die über Ihr Cookie-Banner gesammelt wurden. Anstatt sofort beim Besuch einer Seite zu laden, wird Meta Pixel nur aktiv, wenn Besucher die Marketing-Zustimmung erteilen. Dies hilft Händlern, eine datenschutzfreundlichere Storefront zu pflegen und weiterhin Retargeting, Werbung und Conversion-Tracking zu unterstützen, wenn die Zustimmung erteilt wird. --- # **⚠️ Bevor Sie beginnen** Bevor Sie Meta Pixel anschließen, stellen Sie sicher: * Hoppy GDPR EU Cookie Banner ist installiert und aktiv * Ihr Cookie Banner wird veröffentlicht * Sie haben Ihre Meta Pixel ID verfügbar Sie können Ihre Pixel-ID im Inneren finden: **Meta Events Manager** ⚠️ **Wichtig:** Wenn Meta Pixel bereits direkt in Ihrem Shopify Theme oder über eine andere App aktivieren Sie diese Integration erst, wenn die doppelte Installation entfernt wurde. Das Laden des gleichen Pixels aus mehreren Quellen kann Folgendes verursachen: * Doppelte Veranstaltungen * Falsche Meldung * Ungenaues Conversion Tracking --- # **🛠️ Schritt 1 - Öffnen Sie den Abschnitt Integrationen** In deinem Inneren Shopify Admin: → offen **Hoppy GDPR EU Cookie Banner** → Klicken **Integrationen** Standort: **Metapixel** und öffnen Sie die Integrationsseite. Wenn die Integration noch nicht konfiguriert wurde, wird der Status wie folgt angezeigt: → **Ausgeschaltet** --- # **🔑 Schritt 2 - Geben Sie Ihre Meta Pixel ID ein** Standort: ### **Metapixel-ID** Fügen Sie Ihre Pixel-ID in das bereitgestellte Feld ein. ### **Beispiel** 123456789012345 ⚠️ Geben Sie nur die Pixel-ID ein. Nicht enthalten: * URLs * Script-Tags * Zusatzcode-Schnipsel Stellen Sie sicher, dass es keine zusätzlichen Leerzeichen vor oder nach der ID gibt. --- # **⚙️ Schritt 3 - Aktivieren Sie die Integration** Nach Eingabe Ihrer Pixel ID: → Toggle **Integration mit Meta Pixel** bis **am** Einmal aktiviert: * Der Status ändert sich **am** * Die Integration wird aktiv * Meta-Pixel-Verhalten wird kontrolliert durch Besucher Zustimmung Präferenzen Die Marketing-Zustimmung wird nun verwendet, um festzustellen, ob Meta-Tracking ausgeführt werden kann. --- # **💾 Schritt 4 - Speichern Sie Ihre Änderungen** Nach dem Konfigurieren der Pixel-ID und Aktivieren der Integration: → Klicken **Sparen** Die Konfiguration wird automatisch mit Ihrer Storefront synchronisiert. Es sind keine Theme-Edits oder manuelle Code-Installation erforderlich. --- # **🔄 Wie die Integration funktioniert** Einmal aktiviert, hängt das Verhalten von Meta Pixel von den Cookie-Präferenzen des Besuchers ab. --- ## **Wenn die Marketing-Zustimmung akzeptiert wird** Wenn der Besucher Marketing-Cookies akzeptiert: ✅ Metapixel-Laden ✅ Tracking-Events können feuern ✅ Werbung und Retargeting-Aktivitäten können normal funktionieren Beispiele hierfür sind: * Seitenaufrufe * Konversionsereignisse * Werbezuweisung --- ## **Wenn die Marketing-Zustimmung abgelehnt wird** Wenn der Besucher Marketing-Cookies ablehnt: ❌ Meta Pixel wird nicht geladen ❌ Marketing Tracking wird blockiert ❌ Werbebezogene Ereignisse werden nicht an Meta gesendet Dies hilft sicherzustellen, dass das Tracking mit den Zustimmungspräferenzen des Besuchers übereinstimmt. --- # **🧪 Schritt 5 — Überprüfen Sie die Integration** Nach dem Speichern wird empfohlen, zu überprüfen, ob die Integration korrekt funktioniert. --- ## **Test mit Marketing-Zustimmung verweigert** → Öffnen Sie Ihre Storefront in einem Incognito- oder Private-Browserfenster → Wenn das Cookie-Banner erscheint, verweigern Sie Marketing-Cookies Dann: → Open Developer Tools → Öffnen Sie die **Netz** Spitze → Suche nach: fbevents.js ### **Erwartetes Ergebnis** Es sollten keine Anfragen an Meta Pixel angezeigt werden. Dies zeigt an, dass die Integration das Tracking korrekt blockiert. --- ## **Test mit akzeptierter Marketing-Zustimmung** Wiederholen Sie den Test mit einem neuen Incognito-Fenster. Diesmal: Marketing-Cookies akzeptieren → Bei Bedarf die Seite auffrischen Dann: → Open Developer Tools → Öffnen Sie die **Netz** Spitze → Suche nach: fbevents.js ### **Erwartetes Ergebnis** Meta Pixel sollte erfolgreich geladen werden und mit dem Tracking von Ereignissen beginnen. --- ## **Verwenden Sie Meta Pixel Helper** Die Meta Pixel Helper Browser-Erweiterung kann auch verwendet werden, um zu überprüfen: * Pixelinstallation * Aktives Tracking * Ereignisfeuerung * Pixelfehler Dies bietet eine einfache Möglichkeit zu bestätigen, dass Meta Pixel korrekt funktioniert. --- # **⚠️ Gemeinsame Fehlerbehebung** ## **Meta Pixel wird vor der Zustimmung geladen** Dies zeigt normalerweise an, dass Meta Pixel an anderer Stelle installiert ist. Kontrolle: * Shopify Themencode * Theme App Erweiterungen * andere Shopify Apps * Google Tag Manager Entfernen Sie doppelte Installationen und erlauben Hoppy Cookie um das Pixel direkt zu verwalten. --- ## **Meta Pixel wird nach Zustimmung nicht geladen** Überprüfung: * Die Pixel ID ist korrekt * Die Integration ist ermöglicht * Änderungen wurden erfolgreich gespeichert * Marketinggenehmigung wurde akzeptiert Wenn die Pixel-ID falsche Zeichen oder Leerzeichen enthält, wird das Pixel möglicherweise nicht geladen. --- ## **Duplicate PageView Events** Duplizierte PageView-Ereignisse treten normalerweise auf, wenn: * Meta Pixel wird geladen von Hoppy Cookie * Meta Pixel wird auch über eine andere Quelle geladen Nur eine Installationsmethode sollte aktiv sein. --- ## **Keine Ereignisse erscheinen in Meta** Wenn keine Ereignisse auftreten: → Überprüfen Sie die Pixel ID → Bestätigen Sie, dass das Pixel im Meta Events Manager vorhanden ist Test mit Meta Pixel Helper → Verifizieren, dass die Marketing-Zustimmung erteilt wurde --- # **⚠️ Wichtige Hinweise** ### **Marketing Consent kontrolliert das Pixel** Meta Pixel reagiert nur auf die Kategorie Marketing-Cookies. Wenn die Zustimmung zum Marketing verweigert wird, bleibt das Meta-Tracking deaktiviert. --- ### **Keine Themenkodierung erforderlich** Die Integration verwaltet Meta Pixel automatisch. Es besteht keine Notwendigkeit, Meta-Skripte manuell hinzuzufügen, wenn Sie diese Integration verwenden. --- ### **Doppelte Installationen vermeiden** Laden Sie Meta Pixel niemals gleichzeitig durch: * Hoppy Cookie * Themencode * Eine weitere App * Google Tag Manager es sei denn, es wurde speziell konfiguriert, um doppelte Ereignisse zu vermeiden. --- ### **Zustimmung kann sich jederzeit ändern** Wenn ein Besucher seine Cookie-Einstellungen später aktualisiert: * Meta-Tracking kann aktiviert werden * Meta-Tracking kann deaktiviert werden abhängig von der aktualisierten Zustimmungsauswahl. --- # **🎉 Endergebnis** Einmal erfolgreich konfiguriert: ✅ Meta Pixel wird nur geladen, wenn die Marketing-Zustimmung erteilt wird ✅ Besucher, die Marketing-Cookies ablehnen, werden nicht verfolgt ✅ Facebook- und Instagram-Werbung kann Besucherpräferenzen respektieren ✅ Retargeting und Conversion Tracking bleiben nach Zustimmung verfügbar ✅ Keine manuelle Theme Codierung erforderlich ✅ Tracking-Verhalten bleibt auf Ihre Cookie-Banner-Einstellungen abgestimmt Die Meta-Pixel-Integration hilft Händlern, die Werbeleistung mit der Privatsphäre der Besucher in Einklang zu bringen, indem sichergestellt wird, dass das Meta-Tracking nur aktiviert wird, wenn eine entsprechende Zustimmung erteilt wurde. ---