如何向您的網站添加 Cookie 橫幅：無需代碼（使用模板！）

第一個問題的答案是“可能”。 至於第二個問題，這就是這篇文章的全部內容！

在本文的其餘部分，您將快速了解您的網站是否確實需要 cookie 同意橫幅。 然後，我們將分享一個分步教程，介紹如何使用 Getsitecontrol 為您的網站創建 cookie 同意橫幅，而無需任何特殊知識。

什麼類型的網站需要 cookie 橫幅？

如果您的網站接收來自歐盟的訪問者，如果您想遵守歐盟法規，您可能需要一個 cookie 同意橫幅。

最初於 2011 年採用並在 2018 年隨著 GDPR 進行擴展，歐盟關於 cookie 的規則本質上要求您獲得訪問者的“明確、知情同意”，以便使用跟踪用戶數據的 cookie。

從技術上講，並非每個網站都如此，但隨著 Google Analytics、Facebook Pixel、社交媒體共享按鈕等工具的流行，您的網站很有可能至少使用一些跟踪 cookie。

因此，在實踐中，大多數接收來自歐盟的訪問者的網站都需要 cookie 同意橫幅。 在這個全球化的世界中，這是大多數網站——時期。

長話短說……如果您想遵守歐盟的規定，您可能需要一個 cookie 同意橫幅！

以下是您需要在 cookie 同意通知中包含的內容

cookie 橫幅的目的是在訪問者開始使用您的網站之前獲得使用 cookie 的知情同意。

所以你需要：

• 在用戶第一次訪問時立即顯示 cookie 同意橫幅。
• 從訪問者那裡獲得使用 cookie 的知情同意。 通常，這是通過鏈接到您的隱私/cookie 政策以及表示同意的按鈕來完成的。

三個很好的 cookie 橫幅示例（您將學習如何重新創建所有這些！）

好的，所以你需要一個 cookie 橫幅。 現在——你把它放在哪裡？

您可以將 cookie 橫幅放在任何您想要的位置，只要它足夠醒目以吸引讀者的注意力並獲得知情同意。

讓我們從幾個示例開始，然後我們將向您展示如何在您自己的站點上複製這些示例中的任何一個，而無需編寫一行代碼。

1.底部欄cookie同意橫幅

乙烯基工廠使用簡約的底部欄來表示同意 cookie：

2. 頂部欄 cookie 同意橫幅

ASI，廣告專業研究所通過將 cookie 橫幅移動到頁面頂部來改變事物：

3. 滑入式 cookie 同意橫幅

INUSUAL 選擇在左下角將 cookie 同意橫幅顯示為滑入式（您可以輕鬆地將其切換到右側）：

只需點擊幾下即可添加這些 cookie 橫幅

如果您喜歡這些示例中的任何一個，您可以在幾分鐘內將它們直接添加到您的網站。 查看下面的 cookie 同意橫幅庫，然後單擊“查看實時預覽”按鈕以查看它們的實際效果。 然後選擇要放置在網站上的一個，並在實時預覽模式下，按照簡要的分步說明進行操作。

浮動條

簡約酒吧

粘條

簡約的滑入式

插入圖像

想建立自己的橫幅嗎？ 你也能做到。 按照下面的分步指南創建 cookie 橫幅。

如何在不編寫一行代碼的情況下創建自己的 cookie 橫幅

現在是有趣的部分 - 如何為您自己的網站創建像這些示例一樣的 cookie 同意橫幅。

以上四個模板均由 Getsitecontrol 提供支持，該工具可讓您向網站添加多個彈出窗口。 小部件可以是浮動聯繫按鈕、電子郵件彈出窗口、在線反饋表，或者……您猜對了 - cookie 同意橫幅。

使用簡單的界面，您將能夠自定義您的 cookie 橫幅：

• 放置
  包括上面的所有示例，以及更多
• 文本
  包括鏈接到您的隱私政策的選項
• 按鈕
  按鈕的文本和顏色
• 顏色
  與您網站的設計相匹配

它還包括一種特殊的響應模式，可確保您的 cookie 同意通知也適用於移動訪問者。 以下是如何使用 Getsitecontrol 創建 cookie 同意通知...

第 1 步：將 Getsitecontrol 添加到您的網站

雖然您將在 Getsitecontrol Web 界面中完成大部分工作，但您首先需要將 Getsitecontrol 添加到您的網站，以便您可以在發布後實際顯示您的 cookie 同意橫幅。

為此，您需要創建一個 Getsitecontrol 帳戶。 然後，您需要將 Getsitecontrol 代碼段添加到您的站點。 如果您使用 WordPress，添加代碼段的最簡單方法是通過官方 Getsitecontrol 插件。 它將為您處理集成。 對於其他網站，您需要在網站的</body>標記之前手動添加代碼。

如果您不確定如何執行此操作，Getsitecontrol 文檔提供了適用於大多數流行平台的詳細教程，包括：

• Shopify
• Joomla
• 方空間

完成該過程後，您可以使用安裝代碼按鈕在您的 Getsitecontrol 儀表板中驗證代碼是否正常工作：

現在，您已準備好創建實際的 cookie 同意通知！

第 2 步：從圖庫中選擇一個模板

向您的網站添加 cookie 同意通知的最快方法是從模板開始。 登錄到您的 Getsitecontrol 儀表板並單擊+創建小部件Getsitecontrol 儀表板中的按鈕，然後繼續模板庫.

請注意，圖庫中的 cookie 橫幅模板已經包含一些通用文本，但是請記住，您可以根據需要修改副本和設計。

準備好後，選擇您喜歡的模板並按照右側的提示將其添加到您的 Getsitecontrol 儀表板。

第 3 步：更改您的顏色主題（可選）

模板有兩種默認顏色主題：黑色和白色。 但是，如果您希望同意橫幅的顏色與網站的其餘部分相匹配，則可以使用主題設置來實現。 Getsitecontrol 允許您設置顏色：

• 背景
• 按鈕
• 常規文本
• 按鈕文字

您還可以從圖庫添加圖像或從計算機上傳圖像。

第 4 步：添加您的內容

現在您已經確定了同意橫幅的樣式和位置，是時候調整訪問者的同意消息了。 已包含通用文本，但您可以自行決定對其進行編輯。 另外，您需要添加指向 cookie 政策的鏈接。

要配置橫幅的內容，請打開文本編輯菜單。

對您使用的確切文本沒有要求——但同樣，這裡的目標是獲得“明確、知情的同意”。 因此，這是您可能想要使用的替代副本：

• 標題— 本網站使用 cookie
• 說明— 通過繼續使用我們的網站，您了解我們使用 cookie 來改善您的體驗並收集分析數據。 在我們的隱私政策中了解更多信息。
• 按鈕文字— 我同意

如果您切換到預覽窗口下方的移動模式，您可以看到您的文本對移動訪問者的顯示方式。

第 5 步：控制何時出現您的 cookie 同意通知

為避免在訪問者在您的網站上移動時糾纏他們，您需要確保您的 cookie 同意通知在訪問者單擊我同意按鈕。 為此，您可以使用定位標籤。

前往停止以顯示小部件菜單並選擇+添加條件. 然後，選擇關閉.

在這種情況下，“關閉”是訪問者單擊按鈕同意使用 cookie。 您無需更改任何其他設置定位標籤。

第 6 步：激活您的 cookie 同意橫幅

現在，你已經大功告成了！ 要使您的 cookie 同意通知生效，您只需單擊保存並關閉按鈕完成橫幅的配置。

然後，選擇選項立即激活正如應用程序所建議的：

一旦你這樣做了，訪問者應該開始看到 cookie 同意通知。 一旦他們單擊按鈕同意使用 cookie，他們將不再看到 cookie 橫幅。

添加 cookie 同意通知並不困難

讓您的網站保持 cookie 同意法的良好一面並不是您需要開發人員的事情。 通過使用 Getsitecontrol 和本文中概述的原則，您可以設置自己的可自定義 cookie 同意橫幅，而無需編寫一行代碼。