Firefox 跟蹤保護

此頁面描述了 Firefox 內建跟蹤保護的工作原理以及它如何影響第三方內容的載入。瞭解跟蹤保護的工作原理將有助於確保當您的訪問者啟用它時,您的網站能夠按預期執行。

什麼是跟蹤保護?

Firefox 桌面版和 Firefox Android 版都包含內建跟蹤保護。在隱私瀏覽視窗(在 Firefox Android 版中是標籤頁)中,Firefox 會阻止從跟蹤使用者跨站點的域名載入的內容(即,透過 第三方 Cookie)。

如果被阻止的內容是頁面佈局的一部分,使用者可能會注意到 Firefox 阻止了這些載入所導致的佈局問題。有時使用者根本不會注意到,因為頁面網格的工作方式使得其他頁面元素會滑動進來填補被阻止元素留下的空白。

當 Firefox 阻止內容時,它會在 Web 控制檯中記錄類似這樣的訊息

The resource at "http://some/url" was blocked because tracking protection is enabled.

請注意,使用 Firefox Android 版,您可以透過遠端偵錯程式訪問控制檯輸出。

Page information showing possible blocked content.

點選位址列中的 ⓘ 符號以檢視有關當前載入頁面的資訊。出現的彈出視窗將通知您何時內容已被阻止。您還可以透過訪問跟蹤設定來完全停用跟蹤保護(如果需要)。

如果存在跟蹤 Cookie,您可以透過點選上圖中的“阻止跟蹤 Cookie”來檢視列表,以顯示以下彈出視窗

Page information showing cookies and site data.

您可以點選“管理內容阻止”來更改阻止設定

There are 3 levels of content blocking, standard, strict, or custom, which can be set to always on or only on when firefox is set to block known trackers.

Firefox 如何選擇要阻止的內容?

內容是根據要載入的域名來阻止的。

Firefox 附帶一個已識別為參與使用者跨站跟蹤的網站列表。當啟用跟蹤保護時,Firefox 會阻止列表中的網站的內容。

跟蹤使用者的網站最常見的是第三方廣告和分析網站。

這對您的網站意味著什麼?

主要意味著,當跟蹤保護啟用時:

  • 來自第三方跟蹤器的內容將對使用者不可見。
  • 您的網站將無法使用參與跟蹤的第三方廣告或分析服務。

更微妙的是,如果您的網站的其他部分依賴於載入跟蹤器,那麼當啟用跟蹤保護時,這些部分也將中斷。例如,如果您的網站包含一個在載入來自跟蹤網站的內容時執行的回撥,那麼該回調將不會執行。

例如,您不應透過以下方式使用 Google Analytics:

js
function trackLink(url, event) {
  event.preventDefault();
  ga("send", "event", "outbound", "click", url, {
    transport: "beacon",
    hitCallback() {
      document.location = url;
    },
  });
}

document.querySelectorAll("a").forEach((link) => {
  link.addEventListener("click", (event) => {
    trackLink(link.href, event);
  });
});

相反,您應該透過檢查 ga 物件是否已初始化來考慮 Google Analytics 缺失的情況:

js
function trackLink(url, event) {
  event.preventDefault();
  if (window.ga && ga.loaded) {
    ga("send", "event", "outbound", "click", url, {
      transport: "beacon",
      hitCallback() {
        document.location = url;
      },
    });
  } else {
    document.location = url;
  }
}

document.querySelectorAll("a").forEach((link) => {
  link.addEventListener("click", (event) => {
    trackLink(link.href, event);
  });
});

有關此技術的更多資訊,請訪問 Google Analytics、隱私和事件跟蹤

注意: 無論如何,以這種方式依賴第三方都不是一個好做法,因為如果第三方緩慢或不可用,或者跟蹤器被附加元件阻止,您的網站可能會中斷。