# Tealium Iq Tag ManagementでのTD JS SDKのセットアップ方法

Tealium IQ tag managementを使用してJS SDKをセットアップできます。

詳細については、以下をご覧ください:

* [前提条件](#prerequisites)
* [Tealium Customer Datahubへのログイン](#log-in-to-tealium-customer-datahub)
* [Draftの作成](#create-a-draft)
* [拡張機能の公開](#publish-the-extension)
* [リファレンス](#reference)


# 前提条件

* ウェブサイトのメイン本文に[utag.js](https://community.tealiumiq.com/t5/iQ-Tag-Management/JavaScript-Code-Extension/ta-p/11925#toc-hId-474147131)(Tealiumのメインtag) v4.38以降を追加します。
* Manage JavaScript Code Extensionsアカウントレベルの権限でコードのdraftを作成します。
* この拡張機能を公開するためのJavaScript Draft Promotionプロファイルレベルの権限。


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に変更します。

# Tealium Customer Datahubへのログイン

1. [https://my.tealiumiq.com/](https://my.tealiumiq.com/)にログインします。
![](/assets/image2020-11-16_10-54-42.d3ba3ebd05668a1f470fdcf76f1f3a11eb994721cd838b84945ad42a1dc3a52a.ad50cbca.png)
2. **Extensions** > **Advanced** > **JavaScript code**に移動します。


![](/assets/image2020-11-16_11-0-55.b8d9de13774d1ee5fcae857a32d96b226e3457f66a6544438d3419f4db358b5a.ad50cbca.png)

# Draftの作成

1. tagのタイトルを指定し、エディターセクションにコードを入力します。
2. JavaScriptコードには以下が必要です:
  * Library: [https://github.com/treasure-data/td-js-sdk#script-snippet - Connect to preview](https://github.com/treasure-data/td-js-sdk#script-snippet)
  * Initialization:[https://github.com/treasure-data/td-js-sdk#initializing - Connect to preview](https://github.com/treasure-data/td-js-sdk#initializing)
3. Initializationコード。


**例**

```javascript
!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);

      // Configure an instance for your database
var td = new Treasure({
  host: 'in.treasuredata.com',
  writeKey: 'YOUR_WRITE_ONLY_APIKEY_IS_HERE',
  database: 'DATABASE_NAME'
  });
    // Enable cross-domain tracking
td.set('$global', 'td_global_id', 'td_global_id');

td.trackPageview('clickviews');
```

コードを完成した後、tagがトリガーされるスコープを指定する必要があります。デフォルトのスコープはAll tagsで、_utag_がデフォルトスコープを定義するすべての場所でtagが実行されます。

tagは、PreLoader、All Tags、特定のvendor tag(tag-scope)、またはDOM Readyイベントにスコープを設定できます。

# 拡張機能の公開

コードが使用できる状態になったら、コードを公開する必要があります。

1. 環境を指定してから、**Save / Publish**を選択します。
2. バージョンとしてタイトルを入力し、バージョンに関するメモを含めます。
3. 拡張機能を公開する環境を選択します。
![](/assets/image2020-11-16_11-12-58.7f20abf15a2709ed7247b26dd5b61823d2f7e54058d382d47edd951eac555c43.ad50cbca.png)
4. 公開プロセスが完了した後、拡張機能はウェブサイトで使用できる状態になります。[Tealium browser plugin](https://community.tealiumiq.com/t5/iQ-Tag-Management/Web-Companion/ta-p/11947)を使用して拡張機能を検証します。


# リファレンス

以下のリンクをリファレンスドキュメントとして確認してください:

* Tealium iQでのJavaScriptコード実行に関するコミュニティQ&A
  * [https://community.tealiumiq.com/t5/Tealium-iQ-Tag-Management/Is-it-possible-to-load-Custom-JavaScript-Snippet-on-all-the/td-p/7650](https://community.tealiumiq.com/t5/Tealium-iQ-Tag-Management/Is-it-possible-to-load-Custom-JavaScript-Snippet-on-all-the/td-p/7650)
* JavaScript code拡張機能
  * [https://community.tealiumiq.com/t5/iQ-Tag-Management/JavaScript-Code-Extension/ta-p/11925](https://community.tealiumiq.com/t5/iQ-Tag-Management/JavaScript-Code-Extension/ta-p/11925)
* Save and publish
  * [https://community.tealiumiq.com/t5/iQ-Tag-Management/Saving-and-Publishing/ta-p/10929](https://community.tealiumiq.com/t5/iQ-Tag-Management/Saving-and-Publishing/ta-p/10929)
* Web Companion
  * [https://community.tealiumiq.com/t5/iQ-Tag-Management/Web-Companion/ta-p/11947](https://community.tealiumiq.com/t5/iQ-Tag-Management/Web-Companion/ta-p/11947)