如何為你的網站加入 Cookie 同意機制

要加入 Cookie 同意機制，請先列出你的網站在訪客瀏覽器中儲存了哪些東西，並將它們分為嚴格必要與選用兩類。接著加入一個橫幅（可以來自同意管理平台，也可以自行建構），在訪客接受之前阻擋選用腳本，例如分析與廣告像素；橫幅上的「拒絕」要和「接受」一樣容易點選，記住訪客的選擇，並允許他們之後隨時更改。只顯示卻沒有阻擋任何東西的橫幅，並不能達到目的。

本指南僅提供關於同意橫幅技術運作方式的一般性資訊，不是法律意見。各國的隱私規定不同且會變動；請查詢適用於你的訪客的規定，或諮詢專業顧問。

什麼需要同意（概括說明）

Cookie 規定通常同時涵蓋 Cookie 以及類似的技術：localStorage、追蹤像素、裝置指紋辨識。常見的分類如下，依據的是歐盟與英國的指引：

一些容易出錯的細節：

• 歐盟與英國採用選擇加入（opt-in）模式：選用的 Cookie 會等到訪客同意後才設定。英國 ICO 等監管機構的指引表示，同意必須是明確的正面行動，而且使用者必須能輕鬆地啟用或停用非必要的 Cookie。
• 英國在 2025 年有所改變。 《2025 年資料（使用與取得）法》允許在未經同意的情況下設定某些 Cookie，包括只用於改善你自己網站、並產生無法識別個人的匯總統計的分析，但必須清楚告知使用者。依賴此規定之前，請閱讀 ICO 最新的指引。
• 美國數個州採用選擇退出（opt-out）模式，針對用於目標式廣告的個人資料「販售」或「分享」；有些州要求你尊重瀏覽器層級的全球隱私控制（Global Privacy Control）訊號。
• Google 廣告：截至 2026 年 9 月，Google 要求使用 AdSense、Ad Manager 或 AdMob 的發布商，在歐洲經濟區、英國和瑞士投放廣告時，必須使用經 Google 認證、並整合 IAB 透明度與同意框架（TCF）的同意管理平台。

選項：CMP、函式庫或自建

最後一個選項常被忽略。如果你只想知道造訪人數，無 Cookie 的分析工具在許多地區可以免除橫幅的需求，但請查閱該工具的文件並確認當地規定。

如果你在歐洲投放 Google 廣告，經認證的 CMP 是實務上的選擇。對只有分析功能的小型商業網站來說，設計完善的自建橫幅或函式庫通常就夠用了。

橫幅的內部運作

人們常忽略的是阻擋。正確的設定應該是：

1. 在任何選擇之前，只執行必要的 Cookie 與腳本。分析、像素和嵌入內容完全不載入（或若是 Google 代碼，則以拒絕同意的狀態載入）。
2. 橫幅在第一層就提供清楚的選項：全部接受、全部拒絕，以及依類別選擇的方式。
3. 做出選擇後，網站會儲存該選擇（通常是第一方 Cookie 或 localStorage），並附上版本與日期，然後只載入已接受的類別。
4. 之後造訪時，會在載入任何選用內容之前先讀取已儲存的選擇。
5. 「Cookie 設定」連結，通常放在頁尾，讓人隨時可以重新開啟選擇。撤回同意應該和給予同意一樣容易。
6. 如果你更改了所使用的工具，請更新版本號，讓人們重新被詢問。

Google 同意模式

對於 Google Analytics 和 Google Ads，Google 的同意模式會把代碼與橫幅連接起來。根據 Google 截至 2026 年 9 月的文件，主要有四種同意類型：ad_storage、analytics_storage、ad_user_data 和 ad_personalization。你要在 Google 代碼載入之前設定預設值，並在訪客做出選擇後發送更新：

gtag('consent', 'default', {
  ad_storage: 'denied',
  ad_user_data: 'denied',
  ad_personalization: 'denied',
  analytics_storage: 'denied'
});
// 之後，當訪客只接受分析時：
gtag('consent', 'update', { analytics_storage: 'granted' });

Google 描述了基本實作（在取得同意之前不載入代碼）與進階實作（代碼在拒絕同意的狀態下載入，並發送無 Cookie 的信號）。基本實作較容易理解。對於歐洲經濟區的流量，Google 期望發送 ad_user_data 與 ad_personalization 信號。代碼本身的設定，請參閱如何設定 Google Analytics。

有效的提示詞

加入 Cookie 同意橫幅。類別：必要（永遠開啟）、分析（Google Analytics 4）與行銷（Meta 像素）。在訪客同意之前，分析與行銷的任何內容都不得載入。第一個畫面：「全部接受」、「全部拒絕」與「自訂」，三者的醒目程度相同。將選擇連同版本號與日期，以第一方 Cookie 的形式儲存 6 個月，只載入已接受的類別，並在頁尾加入「Cookie 設定」連結，可重新開啟橫幅。使用 Google 同意模式，將四種類型的預設值都設為拒絕。

列出本網站使用的每一個 Cookie、localStorage 鍵與第三方腳本，說明每個是由哪個頁面載入，以及是否屬於嚴格必要。輸出一份我可以用於 Cookie 政策的表格。

位於 /about 的 YouTube 嵌入內容在同意之前就會載入。請將它們替換為縮圖加上播放按鈕，只有在訪客點擊後才載入影片，並顯示一則說明 YouTube 可能會設定 Cookie 的提示。

逐步操作

1. 稽核你的網站會設定什麼：在全新的造訪中打開 DevTools → Application → Cookies 與 Local Storage，並檢查 Network 分頁中的第三方請求。別忘了嵌入內容與聊天小工具。
2. 分類每一項：必要、偏好設定、分析、行銷。移除你不使用的東西。
3. 決定做法：依照上方的表格，選擇 CMP、函式庫或自建。
4. 實作阻擋，確保選用腳本只在取得同意後才載入。對於 Google 代碼，在代碼之前加入同意模式的預設值。
5. 建置橫幅，提供同樣醒目的接受與拒絕選項、類別選擇與設定連結。
6. 撰寫 Cookie 政策（通常是隱私權政策的一部分），列出你使用的項目與原因；參閱如何撰寫服務條款與隱私權政策。
7. 在無痕視窗中測試：選擇之前，不應有任何選用 Cookie 或請求；拒絕後，仍然沒有；接受後，出現正確的項目；改變主意後，它們應該停止。
8. 每當新增工具時，重新檢查。

常見錯誤

• 橫幅什麼都沒阻擋。 腳本在頁面載入時就執行，而橫幅只是禮貌地詢問。
• 接受是大按鈕，拒絕卻藏在第二個畫面或灰色連結裡。
• 預先勾選的類別，或預設開啟的「合法利益」切換開關。
• 第一次選擇後無法改變主意。
• 忘記嵌入內容：YouTube、地圖、社群動態和聊天小工具也可能設定 Cookie。
• 每次載入頁面都再次詢問，因為選擇沒有被正確儲存。
• 橫幅在手機上遮住頁面，或讓鍵盤焦點被困住。請讓它易於存取，並且小到可以輕鬆略過。
• 照抄其他網站的政策，裡面描述的是你並未使用的 Cookie。

同意檢查清單

• 每一個 Cookie、儲存鍵與第三方腳本都已列出並分類
• 選用腳本在同意之前已被阻擋（已在 DevTools 中驗證）
• 第一層的「接受」與「拒絕」一樣容易點選
• 提供類別選擇；沒有任何選用項目被預先勾選
• 選擇已連同版本與日期儲存；變更後會重新詢問
• 每個頁面都有「Cookie 設定」連結
• 若使用 Google 代碼，已在代碼之前設定 Google 同意模式的預設值
• Cookie 或隱私權政策與網站的實際作法相符
• 已依最新指引或諮詢專業顧問，確認適用於訪客所在國家的規定

背景知識請參閱什麼是 Cookie和什麼是 GDPR。

在 Mythex 上的 Cookie 同意

Mythex 本身不會為你的應用程式加入同意橫幅或分析工具；這兩者都需要你主動要求，因此由你決定載入什麼。先執行稽核提示詞，然後用你實際的類別執行橫幅提示詞，並在開啟 DevTools 的情況下，於預覽中測試，再發布。如果你使用託管的 CMP，它會提供一段腳本和一個 ID；這個 ID 是公開的，可以放在前端程式碼中，而任何需要保密的東西都應放在專案設定中（環境變數與機密）。修改後請重新發布，讓正式網站使用新的橫幅。

常見問題