您是否遇到過一個網站會彈出一個小窗口,詢問您是否同意他們存儲您的 Cookie?除非您同意或選擇其他選項,否則該窗口不會消失。
這正是我們所說的“cookie 同意彈出窗口”。
在本指南中,我將解釋如何通過幾個簡單的步驟將 Cookie 同意彈出窗口添加到您的 WordPress 網站。
但是,在我們繼續添加 WordPress cookie 同意彈出窗口之前,我們首先需要了解為什么需要 cookie。
什么是 Cookie?
簡單地說,cookie 是您的網絡瀏覽器存儲的小文件,可讓網絡服務器跟蹤您使用其網站的方式。
從瀏覽器訪問網站可能看起來是一個簡單的過程,但在幕后卻稍微復雜一些。在網站顯示在屏幕上之前,您的瀏覽器和服務器之間會發生一系列的來回通信。
當您輸入 URL 時,您的瀏覽器將向托管網站的服務器詢問一些信息。另一方面,服務器會要求您的瀏覽器返回一些信息。一旦雙方都滿意并握手,您要訪問的網站就可見。
這就是 cookie 發揮作用的地方。他們對系統做了一些優化。 Cookie 存儲有關用戶與網站交互的所有必要信息,并將該信息提供給服務器,以便它可以在網站的所有頁面和不同會話之間提供一致的體驗。
當用戶第一次訪問網站時,他們的計算機上會創建一個 cookie。如果他們再次訪問同一網站,cookie 將被發送到服務器,其中包含有關他們之前如何使用該網站的信息。例如,如果您將商品添加到在線商店的購物車中,則該商品通常會列在 Cookie 中。這樣,當您導航到另一個頁面甚至再次返回商店時,您的商品仍將位于購物車中。
Cookie 最初是為了增強用戶體驗而開發的,不需要許可。然而,cookie 越來越多地用于以用戶意想不到的方式跟蹤用戶。近年來,隨著隱私問題變得越來越重要,一些司法管轄區要求您在從用戶的計算機發送和接收 cookie 之前必須獲得用戶的許可。
話雖如此,讓我們開始構建我們自己的 WordPress cookie 同意彈出窗口,并為您的用戶提供他們應得的隱私。
但是您的網站首先需要 Cookie 同意嗎?
您的網站需要 Cookie 同意彈出窗口嗎?
讓我們說實話。大多數網站都使用cookie。但是,如果您不確定,您可以確定您的網站是否存儲 cookie。畢竟,為不使用 cookie 的網站開發 cookie 同意彈出窗口并不是最好的利用時間的方式。
要使用 Google chrome 了解您網站的 Cookie 狀態,請輸入 URL 并等待其正確加載。接下來,單擊您網站 URL 旁邊的鎖圖標。在彈出的下拉菜單中,您將看到您的網站正在使用的 Cookie 數量。
如果正在使用一個或多個 Cookie,并且您的網站由歐盟或加利福尼亞州的用戶使用,則您的網站需要一個 WordPress Cookie 同意彈出窗口。
向您的 WordPress 網站添加 Cookie 同意彈出窗口
WordPress 允許您只需點擊幾下即可將 Cookie 同意彈出窗口添加到您的網站。為此,您不需要任何編程知識。然而,擁有有關 WordPress 插件的一般信息對于優化您的 WordPress 使用是必要的。
WordPress 提供了多種插件,用于將 cookie 同意彈出窗口集成到您的網站。在本教程中,我將使用免費的 CookieYes 插件。
安裝 CookieYes 插件
您可以像 WordPress 儀表板中的任何其他插件一樣安裝此 cookie 同意彈出插件。
將鼠標懸停在左側導航欄中的插件菜單上。選擇添加新插件,您將進入一個新窗口,其中包含 WordPress 提供的每個可能的免費插件。
搜索 CookieYes 插件并安裝顯示的第一個插件。
安裝完成后,激活它,然后就可以開始了。
現在讓我們看看這個 cookie 同意插件為您提供了哪些選項。
GDPR Cookie 同意設置
激活后,該插件將出現在左側導航欄中。將鼠標懸停在GPDR Cookie 同意上,然后選擇設置。
您可以在此處為您的網站自定義 WordPress cookie 同意彈出窗口。
在設置中,您將看到其他五個選項卡,所有這些選項卡都為您的彈出窗口提供不同類型的自定義。在常規選項卡中,您可以啟用或禁用彈出窗口。當您第一次訪問設置時,它將默認啟用。
讓我們更深入地了解常規選項卡提供的所有自定義選項。
常規設置
除了簡單地啟用彈出窗口之外,此選項卡還允許您選擇您的網站接受 Cookie 所依據的法律類型。
每個地區對于 Cookie 都有自己的法律。因此,在為您的網站選擇最合適的選項之前,您必須先進行一些研究。
此外,您可以選擇當用戶開始滾動一段時間后彈出窗口是否消失。如果彈出窗口以這種方式消失,則意味著您假設用戶已同意您存儲他們的信息。
以這種方式假設同意并不是一個好的做法。事實上,這是非常不道德的,因為這里的用戶沒有給你直接許可,所以讓我們禁用這個選項。
現在,讓我們繼續自定義 WordPress Cookie 同意彈出窗口。
自定義 Cookie 同意彈出窗口
這是彈出窗口一開始的樣子,位于主頁底部:
您可以看到,這更像是一個橫幅,而不是一個 Cookie 同意彈出窗口。
但是,一旦您選擇了全部接受選項,彈出窗口就會消失。它不會讓您看到您對其進行的任何進一步的自定義。出于測試目的,您需要保持此彈出窗口可見,以便您可以看到所做的更改。您可以通過啟用重新訪問同意小部件來允許此操作。
這可以通過自定義 Cookie Bar > 重新訪問內容選項卡來完成。
這將允許您始終在網站上保留一個按鈕,您可以通過該按鈕訪問彈出菜單。如果需要,您也可以更改此按鈕的位置。對于本教程,它位于屏幕的左下角。
要將 Cookie 同意橫幅變成彈出窗口,請向下滾動到將 Cookie 欄顯示為選項,然后選擇彈出窗口。如果需要,您可以向其添加疊加層。
向您的 WordPress cookie 同意彈出窗口添加覆蓋層將阻止用戶訪問該網站,直到他們從彈出窗口中采取操作。
此選項卡上的其他選項將允許您更改彈出窗口的背景顏色、字體顏色和字體樣式。您還可以向彈出窗口添加自定義消息和自定義標題,該選項可用于強化您的品牌信息。
但是是否有任何按鈕自定義可用于 cookie 同意彈出窗口?
自定義按鈕
這是設置菜單中的第三個選項卡,它允許您使用 Cookie 同意彈出窗口的按鈕發揮創意。
默認情況下,彈出菜單中只會集成兩個按鈕。
以下是添加新按鈕的方法:
- 從自定義按鈕標簽中選擇您要添加的按鈕。
- 復制頁面頂部括號中的代碼。
- 再次前往自定義 Cookie 欄標簽。
- 將代碼粘貼到消息框中。
您可以向彈出窗口添加四種不同類型的按鈕。
假設我們想在彈出窗口中為不希望其信息存儲在服務器上的用戶添加拒絕按鈕。為此,我們將在自定義 Cookie 欄設置的消息對話框中添加[cookie_reject]。
這就是拒絕按鈕在彈出窗口中顯示的方式:
集成按鈕后,您可以更改其大小、背景顏色、文本顏色等。您甚至可以添加指向另一個網頁的鏈接,當用戶單擊 Cookie 同意彈出窗口上的特定按鈕時,用戶將被重定向到該網頁。
結論
只需幾個簡單的步驟,現在您就可以將 Cookie 同意彈出窗口集成到您的 WordPress 網站中。 CookieYes 只是一個插件。如果需要,您可以探索 WordPress 上提供的更多 cookie 插件。
CodeCanyon 上還有數千個高級 WordPress 插件,可以幫助增強您企業的網站。瀏覽一下這個龐大的插件集合,您會在所有不同類型的類別中找到有用的插件,從營銷到電子商務再到社交媒體。
這是最后一個提示:您應該讓您的 cookie 同意彈出窗口盡可能簡單且不引人注目。它有助于整體用戶體驗。事實上,此提示也適用于您希望在網站上顯示的其他彈出窗口。