{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-@l10n/ja/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":["admonition"]},"type":"markdown"},"seo":{"title":"JavaScript SDKでのClick Tracking","description":"Treasure Data Product Documentation · Collect and Unify · Segment and Activate · Experiment and Analyze · Decisioning Automate with AI Scale and Trust.","siteUrl":"https://docs.treasuredata.com","lang":"en-US","llmstxt":{"hide":false,"sections":[{"title":"Table of contents","includeFiles":["**/*"],"excludeFiles":[]}],"excludeFiles":[]}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"javascript-sdkでのclick-tracking","__idx":0},"children":["JavaScript SDKでのClick Tracking"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["この記事では、JavaScript SDKでclickイベントを追跡する方法について説明します。"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/ja/products/customer-data-platform/integration-hub/streaming/td-javascript-sdk/click-tracking-with-javascript-sdk#prerequisites"},"children":["前提条件"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/ja/products/customer-data-platform/integration-hub/streaming/td-javascript-sdk/click-tracking-with-javascript-sdk#tracking-clicks-on-links"},"children":["リンクのclickの追跡"]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"前提条件","__idx":1},"children":["前提条件"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["JavaScriptとHTMLの基礎知識。"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Treasure Dataの基礎知識。"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Treasure Data JavaScript SDKの基礎知識。"]}]}]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"info"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Treasure Dataは、本番環境で使用を開始する前に、サイトでTreasure Data JavaScript SDK version 3を使用した新機能や機能の実装を検証することをお勧めします。cookieの管理方法が異なります。これらの記事のほとんどを参照する際は、提案されたeventコレクターとTreasure Data JavaScript SDK version 3の呼び出しをソリューション内で定義する必要があることに注意してください。たとえば、//cdn.treasuredata.com/sdk/2.5/td.min.jsを//cdn.treasuredata.com/sdk/3.0.0/td.min.jsに変更します。"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"リンクのclickの追跡","__idx":2},"children":["リンクのclickの追跡"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["ページビューを追跡できない外部サイトへのリンクがあり、ユーザーがどのリンクをクリックしたかを追跡したい場合:"]},{"$$mdtype":"Tag","name":"ol","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["_onClick_を使用してlink-tagで_trackEvent_関数を呼び出してclickアクションを追跡します。"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["以下の例では、ユーザーがリンクをクリックしたときに、デフォルトの追跡データとlink_urlデータを_pageviews_ tableに送信します。"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["オプションで、",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"https://docs.treasuredata.com/smart/project-integrations/google-tag-manager-import-integration"},"children":["Google Tag Manager"]},"を確認してください。"]}]}]},{"$$mdtype":"Tag","name":"CodeBlock","attributes":{"data-language":"html","header":{"controls":{"copy":{}}},"source":"<html>\n  <head>\n  <!-- Treasure Data -->\n  <script type=\"text/javascript\">\n  !function(t,e){if(void 0===e[t]){e[t]=function(){e[t].clients.push(this),this._init=[Array.prototype.slice.call(arguments)]},e[t].clients=[];for(var r=function(t){return function(){return this[\"_\"+t]=this[\"_\"+t]||[],this[\"_\"+t].push(Array.prototype.slice.call(arguments)),this}},s=[\"addRecord\",\"blockEvents\",\"fetchServerCookie\",\"fetchGlobalID\",\"fetchUserSegments\",\"resetUUID\",\"ready\",\"setSignedMode\",\"setAnonymousMode\",\"set\",\"trackEvent\",\"trackPageview\",\"trackClicks\",\"unblockEvents\"],n=0;n<s.length;n++){var c=s[n];e[t].prototype[c]=r(c)}var o=document.createElement(\"script\");o.type=\"text/javascript\",o.async=!0,o.src=(\"https:\"===document.location.protocol?\"https:\":\"http:\")+\"//cdn.treasuredata.com/sdk/2.5/td.min.js\";var a=document.getElementsByTagName(\"script\")[0];a.parentNode.insertBefore(o,a)}}(\"Treasure\",this);\n\n  // Configure an instance for your database\n\n  var td = new Treasure({\n    protocol: 'https',\n    host: 'in.treasuredata.com',\n    writeKey: 'xxxxx', // PLEASE MODIFY HERE\n    database: 'xxxxx'  // PLEASE MODIFY HERE\n  });\n\n  // Enable cross-domain tracking\n  td.set('$global', 'td_global_id', 'td_global_id');\n\n  // track pageview information to 'pageviews' table\n  td.trackPageview('pageviews');\n\n  function tracklink(link_url) {\n    td.trackEvent('pageviews', {link_url: link_url});\n  }\n  </script>\n</head>\n<body>\n  Hello Treasure Data!\n    <A href=\"hellotd_link1.html\" onClick=\"tracklink('hello_link1.html')\">link1</A>\n    <A href=\"hellotd_link2.html\" onClick=\"tracklink('hello_link2.html')\">link2</A>\n    <A href=\"hellotd_link3.html\" onClick=\"tracklink('hello_link3.html')\">link3</A>\n  </body>\n</html>\n","lang":"html"},"children":[]}]},"headings":[{"value":"JavaScript SDKでのClick Tracking","id":"javascript-sdkでのclick-tracking","depth":1},{"value":"前提条件","id":"前提条件","depth":2},{"value":"リンクのclickの追跡","id":"リンクのclickの追跡","depth":1}],"frontmatter":{"seo":{"title":"JavaScript SDKでのClick Tracking"}},"lastModified":"2026-05-14T07:31:32.000Z","pagePropGetterError":{"message":"","name":""}},"slug":"/ja/products/customer-data-platform/integration-hub/streaming/td-javascript-sdk/click-tracking-with-javascript-sdk","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}