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