請參閱使用追蹤同意橫幅保護隱私。

通過 Progressive Web App （PWA） 工具包 網站上的跟蹤同意橫幅來維護購物者的信任。通過橫幅，您的購物者可以加入宣告或退出 PWA Kit 中包含的預設活動跟蹤。

本指南介紹了跟蹤同意橫幅的默認實施和自定義選項。

混合網店不支援本指南中描述的功能。

若要配置和使用跟蹤同意橫幅，請使用 Retail React App 版本 6.0 或更高版本構建網站。

跟蹤同意橫幅在 template-retail-react-app/app/components/_app/index.jsx 中可用，因此您可以在網站的任何頁面上顯示它。橫幅在 中定義 template-retail-react-app/app/hooks/use-dnt-notification.js。

默認情況下，橫幅與此示例類似。

跟蹤同意流程

這是定義 DNT 狀態設定為的兩個值：

  • effectiveDnt:設置為您設定的預設 DNT 狀態，如果未設定預設 DNT 狀態，則設置為 false 此。如果購物者同意跟蹤或 true 購物者退出退出跟蹤，則此值將設置為 false。
  • selectedDnt:在購物者與同意橫幅交互之前未定義。如果購物者同意跟蹤或 true 購物者退出退出跟蹤，則此值將設置為 false。

如果購物者關閉橫幅或未在橫幅中做出選擇，則預設 DNT 狀態設置為 false （跟蹤活動）。若要更改該行為，請參閱 配置預設 DNT 狀態。當購物者執行以下任一作后，下次訪問您的網站時，橫幅會重新出現：

  • 關閉瀏覽器
  • 刷新網站數據
  • 清除他們的cookie

此圖總結了跟蹤同意橫幅的行為，以及購物者訪問您的網站時如何設置 DNT 狀態。

除非另有說明，否則圖中的所有步驟都適用於訪客購物者和已知購物者。

跟蹤同意流程

或者，您可以指定預設的 DNT 狀態，當購物者關閉跟蹤同意橫幅或未在橫幅中進行選擇時，該狀態將適用。為此，請在專案中設置此檔中的 defaultDNT 屬性： {overridesDir}/app/components/_app-config/index.jsx。

  • defaultDnt={true}:表示未跟蹤購物者活動。
  • defaultDnt={false}:表示正在跟蹤購物者活動。

在本例中， defaultDnt 設定為 false。

或者，您可以通過更改部分內容（例如外觀或文本）來自定義跟蹤同意橫幅。為此，您有這兩個選擇。

  1. 使用管理 購物者跟蹤首選項中所述的 API 和鉤子。

或

  1. 通過完成這些步驟，覆蓋基本範本中的橫幅檔。

    • 如果尚未執行此作，請在 PWA Kit 專案中建立一個名為 hooks. {overridesDir}/app
    • 創建一個在資料夾中 hooks 調用 use-dnt-notification.js 的檔。
    • 將此代碼複製並貼上到 use-dnt-notification.js中。在此示例中，我們用於 selectedDnt 呈現由元件控制的 DntNotification 自定義橫幅。此外，我們還使用該 updateDnt 函數將購物者的跟蹤首選項作為布爾值應用。請參閱 「不跟蹤值」。
  • 如果重寫 app/components/_app/index.jsx PWA Kit 專案中的檔，請利用 useDntNotification 挂鉤顯示自定義的跟蹤同意橫幅。

（可選）可以在 PWA Kit 專案中添加代碼，以根據購物者的跟蹤首選項或預設 DNT 狀態觸發或阻止作。

用於 effectiveDnt 觸發或阻止 API 調用等作。例如，用於訪問Google Analytics的API調用。請參閱 「不跟蹤值」。

在此示例中，我們用於 effectiveDnt 觸發分析 API 調用，目的是根據購物者與網站的交互收集數據。這些數據可以提供有關購物者行為、網站流量或銷售業績等因素的見解。

  • 如果購物者退出宣告追蹤（DNT 狀態設定為 true ）或未設定 DNT 狀態：

    • Einstein 事件被抑制。這意味著購物者在您網站上的活動不包括在 報告 & 儀錶板中。
    • 如果您按照活動數據中所述啟用了該功能，則會收集 活動數據指標。但是，所有購物者數據都是匿名的。

  • PWA Kit 將覆蓋您在 Business Manager 的 隱私首選項 下設置的任何預設跟蹤配置。PWA Kit 網站應用以下任一配置：

    • PWA Kit 本指南中描述的預設或自定義跟蹤配置。
    • Shopper Login and API Access Service（SLAS）： 如果您使用 SLAS 自定義了跟蹤同意橫幅，則您的網站將應用 管理購物者跟蹤首選項中描述的跟蹤配置。

本部分針對您在使用跟蹤同意橫幅時可能遇到的常見錯誤提供建議的解決方案。

原因： CSS 或 JavaScript 問題可能會妨礙功能，或導致橫幅在某些設備或瀏覽器上無法正確顯示或根本無法顯示。

建議的解決方案： 在多個瀏覽器和設備中測試橫幅，以確保功能一致。請特別注意具有更嚴格 Cookie 政策的瀏覽器（例如，Safari 的智慧跟蹤預防）。測試不同的螢幕尺寸和解析度，以確保橫幅廣告具有回應性和使用者友好性。確認橫幅不會干擾任何網站功能或購物者互動。