在 WordPress 網站頁腳中新增 1 個可靠的浮動 Cookie 欄

已發表: 2024-02-16

在 WordPress 網站頁腳新增浮動 cookie 欄

今天,我們將為您提供在頁腳區域新增WordPress 浮動 cookie 欄的實用方法,以通知您的受眾您的網站正在收集 cookie。

目錄

浮動 Cookie 欄也稱為 Cookie 同意橫幅或 Cookie 通知欄。 這是網站用來遵守各種隱私權法(例如歐盟的 GDPR 和其他國家隱私法)的常見功能。

這是展示您的網站遵守所有相關國際法(包括歐盟電子隱私指令、歐盟 Cookie 指令等)的完美方式。

Cookie 是透過網頁瀏覽器以文字形式從網站傳送到使用者 PC 的重要文件或資訊。

雖然這個簡單的描述可能聽起來很棘手,但它是一種有用的機制,旨在識別和跟踪在線用戶、記住某些信息(例如您添加到在線購物車中的商品)或記錄瀏覽詳細信息和活動(造訪的頁面、登入)。

例如,當您瀏覽使用cookie的網站並輸入您的個人資訊進行註冊或登入時,姓名、電子郵件地址等個人資訊將被打包到cookie中並由瀏覽器接收並儲存。

floating cookies bar WordPress

每當您下次造訪該網站時,您的瀏覽器都會向伺服器發送 cookie。 這意味著您無需每次訪問該網站時都輸入詳細資訊。

因此,Cookie 讓您更輕鬆地瀏覽和瀏覽網站、處理填寫表格等操作。

雖然 cookie 的建立和儲存是一個自動流程,從技術上講不會打擾您的網路用戶,但您有義務讓他們知道您的網站正在收集 cookie。

他們將不得不接受它,或者只是繼續(視情況而定),這也意味著他們同意它。

現在,當我們總結了數位形式的 cookie 的重要性後,讓我們來揭示一下在頁腳區域中新增 WordPress 浮動 cookie 欄的方法。

如果您希望網站訪客始終可以看到重要內容(例如與 cookie 相關的內容),最好的方法是將其插入浮動頁腳欄中。

讓我們從使用 FTP 用戶端或 cPanel 檔案管理器在頁腳中手動建立浮動 cookie 欄開始。

對於FTP客戶端,他們需要將footer.php檔案放入WP主題資料夾中並將其下載到桌面。

下一步是打開頁腳。 在任何文字編輯器中開啟 .php 文件,並在 pre 標記之前新增以下程式碼:

 <div>
<div>
<ul>
<li><a>Cookie 通知是第一項</a></li>
<li><a>WordPress.org 是第二個項目</a></li>
</ul>
</div>
</div>

接下來是 CSS 樣式控制項的一部分,用於在頁腳區域中實作 WordPress 浮動 cookie 欄所需的視覺化。 您可以透過將 CSS 新增至模板的 style.css 檔案或透過自訂 CSS 外掛程式之一來完成此操作。

此時,我們需要使用 jQuery,以便每次載入頁面時都會隨機顯示清單中包含的項目。

在任何文字編輯器中複製以下連結:

 (函數($){
this.randomtip = 函數(){
	var length = $("#tips li").length;
	var ran = Math.floor(Math.random()*length) + 1;
	$("#tips li:nth-child(" + ran + ")").show();
};

$(文檔).ready(函數(){	
	隨機提示();
});
})( jQuery );

然後將此檔案另存為 floatbar.js 並繼續使用 FTP 用戶端連接您的 Web 伺服器。 現在轉到主題資料夾並放置 js 資料夾。 如果沒有這樣的資料夾,則需要建立它,然後將floatingbar.js新增到該資料夾中。

下一步將以下程式碼複製到functions.php檔案中:

 函數 wpb_floating_bar() {
    wp_enqueue_script( 'wpb-footerbar', get_stylesheet_directory_uri() . '/js/floatingbar.js', array( 'jquery' ) );
}
add_action( 'wp_enqueue_scripts', 'wpb_floating_bar' );

完成的! 您已成功在頁腳區域新增 WordPress 浮動 cookie 欄。 現在,您可以嘗試重新載入網頁以查看清單中包含的項目的隨機顯示。

如果您對上述所有編碼控制項感到不知所措,我們建議您考慮一種替代方案,以減少編碼方面的麻煩。

有有用的 cookie 通知和 cookie 同意 WP 插件,可以輕鬆在頁腳區域或網站的其他位置添加 WordPress 浮動 cookie 欄。

1. 義大利餅乾選擇:

italy cookie choices

download

雖然這個外掛可以為您提供比您可能需要的更多的功能,但它是您可以為您的 WP 網站提供的流行的 cookie 相關解決方案之一。

將相關資料夾上傳到您的目錄並透過儀表板、外掛程式啟動它。 然後前往「設定」、「義大利 Cookie 選擇」來配置插件以滿足您的需求。

使用此插件,您可以快速設計、修改和定位頁腳區域中的 cookie 欄,並僅在網站訪客第一次造訪您的網站時通知您的 cookie 政策。

您可以自由選擇是否以標準形式(帶有大按鈕或小按鈕)顯示 Cookie 欄。 您也可以決定它的位置:頂部、對話方塊、底部。

2. Cookie 法資訊:

download

下一個插件可以滿足您的需求,稱為 Cookie Law Info。 該插件經過用戶和開發人員優化,擁有超過 200.000 次活躍安裝和數千名滿意的客戶。

該產品不需要您具備任何編碼知識,並且能夠使用您的特定文字、顏色、樣式等配置 cookie 欄。這將使您可以將 cookie 欄與您網站的整體設計和外觀混合搭配。

至於選擇 Cookie Law Info 的其他好處,您將能夠在需要時將您的文字翻譯成不同的語言,因為該外掛程式與 WPML 和 qTranslate 外掛程式完全相容。

因此,使用此插件,您可以選擇是否要在頁首或頁腳中顯示 Cookie 欄,將其配置為在幾秒鐘後消失,或在網站使用者捲動時接受 Cookie 政策。

其他相關 WordPress 外掛:WordPress GDPR 插件