お好みのパッケージマネージャーで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はregionより優先されますregionstringデータリージョン：usまたはeutimeoutMsnumbergetResult()呼び出し全体のタイムアウト（ミリ秒）linkedIdstringログイン中のユーザーの内部アカウントID。同じデバイスを共有する訪問を関連づけられますtagstring識別リクエストに付与する自由形式のラベル（例：checkoutやlogin）debugbooleanスクリプトのライフサイクルとネットワーク動作をブラウザコンソールに出力しますscriptUrlstringエージェントスクリプトURLの完全な上書き — セルフホストやSubresource Integrity向け完全なAPIリファレンス、Webhook設定、高度なガイドでさらに深く学べます。