# TD JavaScript SDKを使用してプロファイルセグメントIDを取得する

セグメントIDをツールに適用して、プロファイルに高度にパーソナライズされたコミュニケーションをプッシュしたり、指定されたセグメント内のプロファイルに表示される内容を制御したりできます。通常、これには当社のサポートまたはサービスチームとの連携が必要です。

以下を含めることで、Treasure Data SDKスクリプトをクライアントに追加します:

* **APIリクエスト**
  * audienceToken: Profiles APIトークンのリスト
  * keys: キーカラムのリスト
* **APIレスポンス**
  * values: 値、属性、キー、およびaudienceIdのオブジェクト


ツール(OptimizelyやGoogle Chrome Developer Toolsなど)がクライアントにアクセスしてセグメントIDを取得します。

1. 作成したトークンをコピーして、以下のようにJS SDKスクリプトに追加します。



```html
<!-- Treasure Data -->
<script type="text/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/3.1/td.min.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)}}("Treasure",this);
</script>
<script>
  var td = new Treasure({...})

  var successCallback = function (values) {
    /* values format => [... {
      key: {
        [key]:value
      },
      values: ["1234"],
      attributes: {
        age: 30
      },

    } ... ]*/
    // celebrate();
  };

  var errorCallback = function (error) {
    // cry();
  };

  td.fetchUserSegments({
    audienceToken: ['YOUR_PROFILES_API_TOKEN_1', 'YOUR_PROFILES_API_TOKEN_2'],
    keys: {
      someKey: 'someValue',
      someOtherKey: 'someOtherValue',
    }
  }, successCallback, errorCallback)
</script>
```

## プロファイル出力の例

以下は、Google Chrome Developer Toolsを使用した出力例です。

![](/assets/image2021-10-7_12-19-11.608b3a3670317c7c651b93c6431013570fdde76563605ef0d39184a440fe1266.cf3845cb.png)