让网站符合GDPR规范,WordPress网站安装cookieYes的操作步骤
随着欧洲GDPR《通用数据保护条例》的逼近，Google广告要求网站需设置征求用户同意使用Cookie的横幅，本文针对WordPress建站来说一下安装Consent Banner的步骤。
什么是 GDPR？
《欧盟一般数据保护条例》GDPR 是由欧盟委员会在2016年批准的欧洲隐私法，旨在统一和规范欧盟居民对其个人数据的控制，该条例自 2018年 5月 25日生效。
GDPR这对每个人来说意味什么呢？
如果你是网站所有者并通过网络表单收集个人数据，尤其是来自居住在欧盟的人的个人数据，则你需要使你的网站符合此法规，更新网站的隐私政策以涵盖通过网站收集的所有个人信息。
首先确认网站框架是使用Wordpress搭建，我们使用WordPress的插件（CookieYes）来实现这一功能。
WP网站安装cookieYes的操作步骤
1，进入网站后台找到【插件】-【安装插件】
2，找到CookieYes插件 【安装插件】-安装好点击【启用】
3，这是我们在左侧栏会看到有【CookieYes】了点击进入 点击【Connect Web App】
4，选择Free 点击【Connect for Free】
5，Sign up 注册 填写邮箱和密码点击注册按钮，记住密码，注册完成之后使用邮箱和密码登陆
6，登陆后【Go to Web App】
点击【Advanced Settings】-【Get installation code】
7，获取代码，复制代码
8，将复制代码放入到第三方代码的顶部位置，如果使用wordpress自建站，对应找到放置第三方代码的位置放入<head>部分即可。
9，再将以下代码复制同样放入顶部代码
<script> function getCookie(cookieName) { let cookie = {}; document.cookie.split(“;”).forEach(function (el) { let [key, value] = el.split(“=”); cookie[key.trim()] = value; }); return cookie[cookieName]; } window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } var json_consent_status; var cookievalue = JSON.stringify(getCookie(“consentstatus”))?.split(‘\\”‘); //默认意见 if (cookievalue == undefined) { gtag(“consent”, “default”, { ‘ad_storage’: ‘denied’, ‘ad_user_data’: ‘denied’, ‘ad_personalization’: ‘denied’, ‘analytics_storage’: ‘denied’, ‘wait_for_update’: 500, region: [ ‘AT’, ‘BE’, ‘BG’, ‘CY’, ‘CZ’, ‘DE’, ‘DK’, ‘EE’, ‘ES’, ‘FI’, ‘FR’, ‘GR’, ‘HR’, ‘HU’, ‘IE’, ‘IS’, ‘IT’, ‘LI’, ‘LT’, ‘LU’, ‘LV’, ‘MT’, ‘NL’, ‘NO’, ‘PL’, ‘PT’, ‘RO’, ‘SE’, ‘SI’, ‘SK’ ], // apply default to specific regions only }); } //过往意见 if (cookievalue != undefined) { if ((cookievalue == ‘”granted”‘)) { gtag(“consent”, “default”, { ‘ad_storage’: ‘granted’, ‘ad_user_data’: ‘granted’, ‘ad_personalization’: ‘granted’, ‘analytics_storage’: ‘granted’, ‘wait_for_update’: 500, }); } else { gtag(“consent”, “default”, { ‘ad_storage’: ‘denied’, ‘ad_user_data’: ‘denied’, ‘ad_personalization’: ‘denied’, ‘analytics_storage’: ‘denied’, ‘wait_for_update’: 500, }); } } function setCookies(json_consent_status) { var currentDate = new Date(); var expirationDate = new Date(currentDate); expirationDate.setFullYear(currentDate.getFullYear() + 1); var expires = expirationDate.toUTCString(); document.cookie = “consentstatus=” + json_consent_status + “;expires=” + expires + “;path=/”; } //客户点击拒绝 document.addEventListener(‘click’, function (e) { const dom = e.target.closest(‘.cky-btn-reject’); if (dom === null) return; json_consent_status = ‘denied’; setCookies(json_consent_status); gtag(‘consent’, ‘update’, { ‘ad_storage’: ‘denied’, ‘ad_user_data’: ‘denied’, ‘ad_personalization’: ‘denied’, ‘analytics_storage’: ‘denied’ }); }); //客户点击授权 document.addEventListener(‘click’, function (e) { const dom = e.target.closest(‘.cky-btn-accept’); if (dom === null) return; json_consent_status = ‘granted’; setCookies(json_consent_status); gtag(‘consent’, ‘update’, { ‘ad_storage’: ‘granted’, ‘ad_user_data’: ‘granted’, ‘ad_personalization’: ‘granted’, ‘analytics_storage’: ‘granted’ }); }); </script>
10，网站前台刷新，显示正确即安装成功，去GA后台测试吧~