UniConsent Tag Implementation

JavaScript标签安装

每个网站都有一个独特的JavaScript标签,需要安装在每个页面上。

您可以在安装与设置部分找到UniConsent标签。

标签有两个部分。第一部分是应嵌入页面顶部的存根。第二部分可以使用async加载。对您的网站几乎没有性能影响。

存根代码

您还可以选择使用以下JavaScript标签加载存根代码:

<script src="https://cmp.uniconsent.com/v2/stub.min.js"></script>

您还可以将以下代码替换为上述存根标签:

<script type="text/javascript">
!function(){var i,r,o;i="__tcfapiLocator",r=[],(o=window.frames[i])||(function e(){var t=window.document,a=!!o;if(!a)if(t.body){var n=t.createElement("iframe");n.style.cssText="display:none",n.name=i,t.body.appendChild(n)}else setTimeout(e,50);return!a}(),window.__tcfapi=function(){for(var e,t=[],a=0;a<arguments.length;a++)t[a]=arguments[a];if(!t.length)return r;if("setGdprApplies"===t[0])3<t.length&&2===parseInt(t[1],10)&&"boolean"==typeof t[3]&&(e=t[3],"function"==typeof t[2]&&t[2]("set",!0));else if("ping"===t[0]){var n={gdprApplies:e,cmpLoaded:!1,cmpStatus:"stub"};"function"==typeof t[2]&&t[2](n,!0)}else r.push(t)},window.addEventListener("message",function(n){var i="string"==typeof n.data,e={};try{e=i?JSON.parse(n.data):n.data}catch(e){}var r=e.__tcfapiCall;r&&window.__tcfapi(r.command,r.version,function(e,t){var a={__tcfapiReturn:{returnValue:e,success:t,callId:r.callId}};i&&(a=JSON.stringify(a)),n.source.postMessage(a,"*")},r.parameter)},!1))}();
!function(){var i,n,s;i="__uspapiLocator",n=[],(s=window.frames[i])||(function a(){var e=window.document,n=!!s;if(!s)if(e.body){var t=e.createElement("iframe");t.style.cssText="display:none",t.name=i,e.body.appendChild(t)}else setTimeout(a,50);return!n}(),window.__uspapi=function(){for(var a=[],e=0;e<arguments.length;e++)a[e]=arguments[e];if(!a.length)return n;"ping"===a[0]?"function"==typeof a[2]&&a[2]({cmpLoaded:!1,cmpStatus:"stub"},!0):n.push(a)},window.addEventListener("message",function(t){var i="string"==typeof t.data,a={};try{a=i?JSON.parse(t.data):t.data}catch(a){}var s=a.__uspapiCall;s&&window.__uspapi(s.command,s.version,function(a,e){var n={__uspapiReturn:{returnValue:a,success:e,callId:s.callId}};i&&(n=JSON.stringify(n)),t.source.postMessage(n,"*")},s.parameter)},!1))}();
window.__gpp_addFrame=function(e){if(!window.frames[e])if(document.body){var p=document.createElement("iframe");p.style.cssText="display:none",p.name=e,document.body.appendChild(p)}else window.setTimeout(window.__gppaddFrame,50,e)},window.__gpp_stub=function(){var e=arguments;if(__gpp.queue=__gpp.queue||[],!e.length)return __gpp.queue;var p=e[0],t=1<e.length?e[1]:null,n=2<e.length?e[2]:null;if("ping"===p)return{gppVersion:"1.0",cmpStatus:"stub",cmpDisplayStatus:"hidden",apiSupport:["tcfeuv2","tcfcav1","uspv1","uspnatv1","uspcav1","uspvav1","uspcov1","usputv1","uspctv1"],currentAPI:"",cmpId:68};if("addEventListener"===p){__gpp.events=__gpp.events||[],"lastId"in __gpp||(__gpp.lastId=0),__gpp.lastId++;var a=__gpp.lastId;return __gpp.events.push({id:a,callback:t,parameter:n}),{eventName:"listenerRegistered",listenerId:a,data:!0}}if("removeEventListener"===p){var _=!1;__gpp.events=__gpp.events||[];for(var s=0;s<__gpp.events.length;s++)if(__gpp.events[s].id==n){__gpp.events[s].splice(s,1),_=!0;break}return{eventName:"listenerRemoved",listenerId:n,data:_}}if("hasSection"===p||"getSection"===p||"getField"===p||"getGPPData"===p)return null;__gpp.queue.push([].slice.apply(e))},window.__gpp_msghandler=function(n){var a="string"==typeof n.data;try{var p=a?JSON.parse(n.data):n.data}catch(e){p=null}if("object"==typeof p&&null!==p&&"__gppCall"in p){var _=p.__gppCall;window.__gpp(_.command,function(e,p){var t={__gppReturn:{returnValue:e,success:p,callId:_.callId}};n.source.postMessage(a?JSON.stringify(t):t,"*")},_.parameter)}},"__gpp"in window&&"function"==typeof window.__gpp||(window.__gpp=window.__gpp_stub,window.addEventListener("message",window.__gpp_msghandler,!1),window.__gpp_addFrame("__gppLocator"));
</script>

添加同意设置链接(可选):

您可以禁用'隐私徽章'并在页面上添加以下链接。

<a href="#" onclick='__tcfapi("openunic");return false;'>同意设置</a>

添加带有CSS规则的同意设置链接:

您可以使用CSS选择器定位Web页面上的DIV,UniConsent会根据GEO位置和已启用的功能在DIV中自动插入同意设置链接。

<div id="uniconsent-config"></div>

自动插入同意设置链接:

您可以在Web页面的页脚放置以下占位符DIV,UniConsent会根据GEO位置和已启用的功能在占位符中自动插入同意设置链接。

<div id="uniconsent-config"></div>

使用WordPress和Drupal插件安装:

您可以在安装与设置部分找到许可密钥。

下一步

如果您想集成您的JavaScript标签,请转到第三方JavaScript标签集成部分。