Cookie Consent 小工具推薦
為因應 GDPR 隱私權條款,除了網站必有的隱私權政策頁面外,必須主動告知使用者,該網站將使用 Cookie,並將會如何使用 Cookie。
通常網站需要額外跳出一個訊息視窗,提醒使用者該網站會使用 Cookie ,並徵求使用者同意。
我們將推薦一個小工具 Cookie Consent,可以在網站開啟時,在使用者的頁面上,在上方
或下方
等地方,出現一個主動提示視窗,讓使用者第一時間得到告知。
此小工具可以快速的產生主動告知的提示訊息,可以自訂多種的 Layout,風格和提示方式,來融入在自己的網站中。並且可以與使用者的互動,來做到告知
,同意
或不同意
,該網站對於 Cookie 的使用。
下方將介紹該小工具如何產生,並安裝在自己的網頁上。
請點選頁面上 Download
開始編輯。
Download 頁面Layout介紹
在這個頁面可以從左邊的 Configure
設定區,來依照自己的網站風格做搭配。每一個設定都可以在下方或者上方看到選擇結果的即時預覽,立即感受一下提示視窗整體的顏色與自己的網站風格是否合拍。
選擇完成後可以在右手邊的 Copy the code
代碼複製區把程式碼複製下來,貼在自己網站的<Head>即可。
Configure 設定區
可以針對提示視窗的風格,主題顏色,內文與對外連結等,做細部的設定。
設定的大項分成下列等六項 :
Position
提示視窗的位置設定
- Banner bottom – 置底
- Banner top – 置頂
- Banner top (pushdown) – 置頂內文下推
- Floating left – 視窗化左下
- Floating right – 視窗話右下
Layout
提示視窗風格,可以依照網站的 Layout 風格做搭配,主要更改同意按鈕風格。
- Block – 方形同意按鈕
- Edgeless – 無邊匡同意按鈕
- Classic – 圓角同意按鈕
- Wire – 只有邊框
Palette
提示視窗主題,可以依照網站的顏色主題做搭配。
- Choose a colour theme – 可以從16種預設搭配中選擇
- Create your own – 可自訂自己的主題顏色
Learn more link
此區可以設定當使用者點選 Learn more 後的導向網站隱私權頁面。
Compliance type
使用者點選同意的種類。
- Just tell users that we use cookies
告知使用者我們將使用 Cookie,如果繼續瀏覽或操作網站,將視為同意使用。 - Let users opt out of cookies (Advanced)
告知使用者我們將使用您的 Cookie,並提供了一個取消使用的按鈕。 - Ask users to opt into cookies (Advanced)
告知使用者,該網站希望使用 Cookie,並提供一個同意按鈕。
Custom text
自訂提示文字。
- Message
自訂主要告知網站將使用 Cookie 之文字 - Dismiss button text
自訂同意或不同意按鈕內之文字 - Policy link text
自訂隱私權連結頁面連結 - Deny button text
自訂關閉此訊息之文字
Copy the code 代碼複製區
當完成左側的設定後,會在右側的代碼編輯區內立即產生代碼,可直接複製內容,也可點選下方的複製鍵。
官方建議將代碼埋設在 </head>
的上方,確保網站每頁都可以呈現隱私權告知獲同意的提醒。