2018/4/25

在Blogger Blog上設置Cookie許可(按鈕)


樣式參考 :


從2012年5月26日起,來自歐洲國家的英國網站/公司或網站需要獲得網站用戶關於存儲或檢索電腦或手機上任何信息的同意。這意味著網站管理員必須通知其訪客關於如何在網上存儲和使用cookies的信息,也讓他們選擇允許存儲cookie。 

基本上,法律旨在保護用戶的隱私,因為Cookie也可用於非法目的。 Cookies是瀏覽器和網站的重要組成部分,它可以用於通過各種方式使瀏覽體驗更順暢,例如保存自定義首選項、記住您之前輸入的用戶名或文本框。儘管有許多使用cookies的優點,但也有一些缺點,因為在網站上啟用的第三方cookie可用於廣告購買,例如您最近購買的產品,您正在查看的產品以及此後可用於為您提供目標廣告的產品。你可能想知道什麼是真正的餅乾,為什麼它們被使用?

什麼是cookie? 
Cookie是網站要求瀏覽器存儲在您的設備上的一小部分信息。 Cookie主要用於讓您的瀏覽體驗更加流暢,方法是記住您的偏好,以便在下次瀏覽器檢索您存儲的信息時訪問同一網站。幾乎所有瀏覽器都使用cookie,用戶有權隨時查看或刪除任何cookie。

為什麼使用cookies? 
正如之前所說的,cookie主要用於記住你的偏好、識別用戶、顯示與用戶最相關的廣告、通過存儲關於它們的信息來個性化用戶體驗。

Blogger Blog 是否使用Cookie? 
是的,Blogger Blog因各種原因使用Cookie。

如何安裝cookie 許可/同意書?
如果您使用的Blogger Blog是默認模板,則Blogger會自動啟用Cookie Blog上的Cookie同意功能但如果您希望修改該功能以將其與您的 Blogger Blog 設計進行匹配,例如您可能已經註意到我的Cookie同意的按鈕顏色是我的主要主題顏色。

如果您已經在使用 Blogger 默認的Cookie同意,那麼您必須先將其停止,方法是添加這一小段代碼

<script type="text/javascript">cookieChoices = {};</script>

此代碼將停止默認的 Blogger 的 Cookie 許可/同意。

添加的方法 :
1. 登入Blogger Blog ;
2. 在 Blogger Blog 的控制台,點選「主題」 > 編輯 HTML ;
3. 在 HTML 內的 </head> 程式碼之前(或上方)加入這一小段代碼(程式碼) ;

接續 . . . 

4. 添加自定義的 Cookie 許可/同意

4.1. 前往 Insites Cookieconsent 網站 (https://cookieconsent.insites.com/download/) ;

4. 2. 按照您的要求定制您意向的「許可/同意」內容 ;

4. 3. 自定義內容選擇設定後,複製生成的程式碼並將其添加到您的 Blogger Blog 的 HTML 內容的</ head>程式碼標記之前(或上方) ;

或是 or

您也可以在此直接拷貝應用如下的範本(程式碼)內容將其添加到</ head>標記之前

<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
  "palette": {
    "popup": {
      "background": "#237afc"
    },
    "button": {
      "background": "#fff",
      "text": "#237afc"
    }
  },
  "content": {
    "message": "本網站使用cookies來確保您在我們網站上獲得最佳體驗。This website uses cookies to ensure you get the best experience on our website.\n",
    "dismiss": "許可 Got it !",
    "link": "了解更多 Learn More"
  }
})});
</script>

應用提示 :
您可以更改程式碼中紅色字體內容,變更本小工具的樣式為您意向者。

以上 The End !

備 註 : 本資料內容來自 helperblogger 網站(http://www.helperblogger.com/2018/02/cookie-consent-for-blogger.html)



1 則留言:

  1. 请问我的Blogger通过申请了,但无法显示广告的原因,望大侠指点

    回覆刪除