Siehe Protect Privacy with a Tracking Consent Banner (Datenschutz mit einem Tracking-Einwilligungsbanner).

Bewahren Sie das Vertrauen der Kunden mit einem Tracking-Einwilligungsbanner auf Ihrer Progressive Web App (PWA) Kit-Website. Mit dem Banner können sich Ihre Käufer für die standardmäßige Aktivitätsverfolgung entscheiden, die im PWA Kit enthalten ist.

In diesem Leitfaden werden die standardmäßigen Implementierungs- und Anpassungsoptionen für das Banner für die Nachverfolgungseinwilligung erläutert.

Die in diesem Leitfaden beschriebene Funktionalität wird in einer Hybrid-Storefront nicht unterstützt.

Um das Tracking-Einwilligungsbanner zu konfigurieren und zu verwenden, erstellen Sie Ihre Website mit der Retail React App Version 6.0 oder höher.

Das Banner für die Nachverfolgungseinwilligung ist in template-retail-react-app/app/components/_app/index.jsx verfügbar, sodass Sie es auf jeder Seite Ihrer Website anzeigen können. Das Banner wird in template-retail-react-app/app/hooks/use-dnt-notification.jsdefiniert.

Standardmäßig sieht das Banner ähnlich wie in diesem Beispiel aus.

Tracking-Einwilligungsprozess

Dies sind die beiden Werte, die definieren, auf was der DNT-Status festgelegt ist:

  • effectiveDnt: Ist auf den DNT-Standardstatus festgelegt, den Sie konfiguriert haben, oder auf den Sie festgelegt sind, wenn false Sie keinen DNT-Standardstatus konfiguriert haben. Dieser Wert wird so festgelegt, ob false der Käufer dem Tracking zugestimmt hat oder true ob er sich gegen das Tracking entschieden hat.
  • selectedDnt: Ist nicht definiert, bis der Käufer mit dem Einwilligungsbanner interagiert. Dieser Wert wird so festgelegt, ob false der Käufer dem Tracking zugestimmt hat oder true ob er sich gegen das Tracking entschieden hat.

Wenn ein Käufer das Banner schließt oder keine Auswahl im Banner trifft, wird der Standard-DNT-Status auf false (Aktivität verfolgen) gesetzt. Informationen zum Ändern dieses Verhaltens finden Sie unter Konfigurieren des DNT-Standardstatus. Das Banner wird wieder angezeigt, wenn der Käufer Ihre Website das nächste Mal besucht, nachdem er eine der folgenden Aktionen ausgeführt hat:

  • Schließen Sie den Browser
  • Aktualisieren von Websitedaten
  • Löschen Sie ihre Cookies

Dieses Diagramm fasst das Verhalten des Tracking-Einwilligungsbanners zusammen und wie der DNT-Status der Käufer festgelegt wird, wenn sie Ihre Website besuchen.

Sofern nicht anders angegeben, gelten alle Schritte im Diagramm sowohl für Gastkäufer als auch für bekannte Käufer.

Tracking-Einwilligungsprozess

Optional können Sie einen DNT-Standardstatus angeben, der gilt, wenn ein Käufer das Banner für die Tracking-Einwilligung schließt oder keine Auswahl im Banner trifft. Legen Sie dazu die defaultDNT Eigenschaft in dieser Datei in Ihrem Projekt fest: {overridesDir}/app/components/_app-config/index.jsx.

  • defaultDnt={true}: Gibt an, dass die Käuferaktivität nicht verfolgt wird.
  • defaultDnt={false}: Gibt an, dass die Käuferaktivität nachverfolgt wird.

In diesem Beispiel defaultDnt ist auf falsefestgelegt.

Optional können Sie das Banner für die Nachverfolgungseinwilligung anpassen, indem Sie Teile davon ändern, z. B. das Erscheinungsbild oder den Text. Um dies zu tun, haben Sie diese beiden Möglichkeiten.

  1. Verwenden Sie APIs und Hooks, wie unter Verwalten der Einstellungen für das Käufer-Tracking beschrieben.

oder

  1. Überschreiben Sie die Bannerdatei in der Basisvorlage, indem Sie die folgenden Schritte ausführen.

    • Wenn Sie dies noch nicht getan haben, erstellen Sie in Ihrem PWA Kit-Projekt einen Ordner mit dem Namen hooks in {overridesDir}/app.
    • Erstellen Sie eine Datei, die in dem hooks Ordner aufgerufen wird use-dnt-notification.js.
    • Kopieren Sie diesen Code, und fügen Sie ihn in use-dnt-notification.jsein. In diesem Beispiel verwenden selectedDnt wir es, um ein benutzerdefiniertes Banner zu rendern, das von der DntNotification Komponente gesteuert wird. Außerdem verwenden wir die updateDnt Funktion, um die Tracking-Präferenz eines Käufers als booleschen Wert anzuwenden. Weitere Informationen finden Sie unter Werte nicht nachverfolgen.
  • Wenn Sie die app/components/_app/index.jsx Datei in Ihrem PWA Kit-Projekt überschrieben haben, verwenden Sie den useDntNotification Hook, um Ihr benutzerdefiniertes Banner für die Nachverfolgungseinwilligung anzuzeigen.

Optional können Sie Ihrem PWA Kit-Projekt Code hinzufügen, um Aktionen basierend auf der Nachverfolgungspräferenz eines Käufers oder Ihrem DNT-Standardstatus auszulösen oder zu verhindern.

Verwenden Sie diese Option effectiveDnt, um Aktionen wie API-Aufrufe auszulösen oder zu verhindern. Zum Beispiel API-Aufrufe für den Zugriff auf Google Analytics. Weitere Informationen finden Sie unter Werte nicht nachverfolgen.

In diesem Beispiel verwenden effectiveDnt wir, um einen Analyse-API-Aufruf auszulösen, mit dem Ziel, Daten basierend auf den Interaktionen eines Käufers mit einer Website zu sammeln. Die Daten können Erkenntnisse über Faktoren wie Käuferverhalten, Website-Traffic oder Verkaufsleistung liefern.

  • Wenn ein Käufer das Tracking deaktiviert (der DNT-Status ist auf true) oder der DNT-Status nicht festgelegt:

    • Einstein-Ereignisse werden unterdrückt. Das bedeutet, dass die Aktivitäten eines Käufers auf Ihrer Website nicht in den Berichts-Dashboards &enthalten sind.
    • Metriken für aktive Daten werden erfasst, wenn Sie die Funktion aktiviert haben, wie unter Aktive Daten beschrieben. Alle Käuferdaten sind jedoch anonymisiert.

  • PWA Kit überschreibt alle standardmäßigen Tracking-Konfigurationen, die du in den Datenschutzeinstellungen im Business Manager festgelegt hast. Ihre PWA Kit-Website wendet eine der folgenden Konfigurationen an:

    • PWA Kit Die standardmäßige oder benutzerdefinierte Nachverfolgungskonfiguration, die in diesem Handbuch beschrieben wird.
    • Käufer-Login und API-Zugriffsdienst (SLAS): Wenn Sie das Banner für die Tracking-Einwilligung mithilfe von SLAS angepasst haben, wendet Ihre Website die Tracking-Konfiguration an, die unter Verwalten der Tracking-Einstellungen für Käufer beschrieben ist.

In diesem Abschnitt finden Sie einen Lösungsvorschlag für einen häufigen Fehler, der bei der Verwendung des Banners für die Nachverfolgungseinwilligung auftreten kann.

Ursache: CSS- oder JavaScript-Probleme können die Funktionalität beeinträchtigen oder dazu führen, dass das Banner auf bestimmten Geräten oder Browsern falsch oder gar nicht angezeigt wird.

Vorgeschlagene Lösung: Testen Sie das Banner in mehreren Browsern und Geräten, um eine konsistente Funktionalität zu gewährleisten. Achten Sie besonders auf Browser mit strengeren Cookie-Richtlinien (z. B. Intelligent Tracking Prevention von Safari). Testen Sie verschiedene Bildschirmgrößen und Auflösungen, um sicherzustellen, dass das Banner reaktionsschnell und benutzerfreundlich ist. Vergewissern Sie sich, dass das Banner die Funktionalität der Website oder die Interaktionen der Käufer nicht beeinträchtigt.