You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.25 17:48:08