使用你偏好的包管理器将 SDK 添加到你的项目。
npm install gtm-templateyarn add gtm-templatepnpm add gtm-template以最简配置快速上手运行。
<!-- GTM Custom HTML Tag --><script> (function() { var script = document.createElement('script'); // Public key travels in the s.js query string (?k=...) script.src = 'https://edge.tracio.ai/s.js?k=your-public-key'; script.onload = function() { window.Tracio.load() .then(function(tc) { return tc.get(); }) .then(function(result) { dataLayer.push({ event: 'tracio_loaded', visitorId: result.visitorId }); }); }; document.head.appendChild(script); })();</script>包含错误处理、加载状态和高级配置的生产级模式。
<!-- GTM Custom HTML Tag — production setup --><script> (function() { var script = document.createElement('script'); // Public key travels in the s.js query string (?k=...) script.src = 'https://edge.tracio.ai/s.js?k=your-public-key'; script.async = true; script.onerror = function() { dataLayer.push({ event: 'tracio_error', tracio_error_message: 'Failed to load agent script', }); }; script.onload = function() { window.Tracio.load() .then(function(tc) { return tc.get(); }) .then(function(result) { dataLayer.push({ event: 'tracio_loaded', visitorId: result.visitorId, confidence: result.confidence, verdict: result.verdict, }); }) .catch(function(err) { dataLayer.push({ event: 'tracio_error', tracio_error_message: err.message, }); }); }; document.head.appendChild(script); })();</script>用于初始化和配置 SDK 的所有可用选项。
publicKeystring来自仪表盘的公钥 — 可安全地随浏览器代码发布endpointstring用于代理路由部署的自定义端点 URL — 显式 URL 优先于 regionregionstring数据区域:us 或 eutimeoutMsnumber整个 getResult() 调用的超时时间(毫秒)linkedIdstring已登录用户在您系统内的账户 ID,用于关联共享同一设备的访问tagstring附加到识别请求上的自由格式标签,例如 checkout 或 logindebugboolean将脚本生命周期和网络活动输出到浏览器控制台scriptUrlstring完全覆盖 agent 脚本 URL — 用于自托管或 Subresource Integrity通过完整的 API 参考、webhook 配置和高级指南深入了解。