如何在JavaScript中安装OneTrust SDK并导入OneTrust对象?
解决OneTrust未定义的问题
OneTrust SDK并非通过npm/yarn这类包管理器安装,而是需要先在页面中嵌入官方提供的初始化脚本,才能全局使用OneTrust对象。具体操作如下:
获取专属初始化脚本
登录OneTrust后台,找到对应站点的Cookie Banner配置,复制官方生成的初始化脚本(包含你的唯一data-domain-script属性值)。典型脚本格式如下:<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-domain-script="你的专属ID" type="text/javascript"> </script>嵌入脚本到页面
将上述脚本放在HTML的<head>标签内,确保它在你调用OneTrust.OnConsentChanged的代码之前加载。确保SDK就绪后执行代码
直接调用OneTrust方法可能因脚本未加载完成报错,建议监听OneTrustLoaded事件确保SDK初始化完成:document.addEventListener('OneTrustLoaded', function() { OneTrust.OnConsentChanged(() => { alert("consent changed"); }); });框架环境适配(React/Vue等)
若在React、Vue等框架中使用,需先在项目的公共HTML文件(如public/index.html)中嵌入上述脚本,再在组件的useEffect(React)或mounted(Vue)生命周期中监听OneTrustLoaded事件,之后再执行相关逻辑。
注意:
data-domain-script的值必须是OneTrust后台生成的专属ID,否则SDK无法正确初始化。
内容的提问来源于stack exchange,提问作者WhatThe22
相关产品推荐
相关产品推荐

