SDK for JavaScript Reference Guide
この SDK を使用して、UID2 を使用したクライアント ID の生成または確立、ターゲティング広告用の Advertising Token の取得、および UID2 Token の自動リフレッシュを容易に行うことができます。
以下のセクションでは、UID2 ID の確立のための高レベルな ワークフロー、SDK API リファレンス、および UID2 ストレージフォーマット を説明します。
UID2 Identify Module、または UID2 サポートのある他の製品と Prebid.js を使用している場合、SDK を使用する必要はありません。Prebid.js モジュールがすべてを 管理します。詳細は、UID2 Client-Side Integration Guide for Prebid.js を参照してください。
コンテンツパブリッシャー向けのインテグレーション手順は、以下のガイドを参照してください:
SDK Version
このページは、最新の UID2 SDK for JavaScript バージョン 4 を説明しています。以前のバージョンを使用している場合は、Migration Guide を使用してインテグレーションをアップグレードすることを推奨します。必要に応じて、以下の以前のバージョンのドキュメントも利用できます:
Changes in Version 4
Version 4 には、Version 3 からの主な変更が含まれています:
-
New:
isIdentityAvailable()関数は Version 3.10.0 でリリースされました。詳細は、isIdentityAvailable を参照してください。 -
Removed elements:
abort()関数は v3 で非推奨となり、v4 には含まれていません。代わりに、abort()と同じ機能を持つ disconnect() を使用してください。また、より徹底的な切断ロジックも含まれています。hasIdentity()関数は削除されました。この関数は公開されていなかったため、使用されていない可能性がありますが、他の関数で使用されていたため、公開されていました。この関数を使用している場合は、isIdentityAvailable を使用してください。
Functionality
この SDK は、独自にカスタマイズした UID2 インテグレーションを行いたいパブリッシャーの開発を簡素化します。次の表は、SDK がサポートする機能を示しています。
| Encrypt Raw UID2 to UID2 Token for Sharing | Decrypt UID2 Token to Raw UID2 | Generate UID2 Token from DII | Refresh UID2 Token | Map DII to Raw UID2s | Monitor Rotated Salt Buckets |
|---|---|---|---|---|---|
| — | — | ✅ | ✅ | — | — |
Sample Implementation
サンプルアプリケーションと関連するドキュメントは以下を参照してください:
- JavaScript SDK を使用した Client-Side インテグレーション:
- JavaScript SDK を使用した Client-Server インテグレーション: Code: uid2-examples/web-integrations/javascript-sdk/client-server および動作サイト (Client-Server UID2 Integration Example using JavaScript SDK)
UID2 Account Setup
UID2 とインテグレーションするには、UID2 アカウントが必要です。アカウントを作成していない場合は、まず Account Setup ページの手順に従ってください。
API Permissions
初期アカウント設定が完了すると、UID2 Portal にアクセスするための手順とリンクが送信されます。以下の操作を行うことができます:
- アカウント用の credentials を生成します。
- オプション: Client-Side の実装の場合、ドメイン名やモバイルアプリ ID などの設定値を設定します。
- オプションとして、チームメンバーに関する情報を設定するなど、他の値を設定します。
SDK が提供する特定の機能を使用する権限が与えられ、そのアクセスのための資格情報が提供されます。
SDK Version
このドキュメントは SDK for JavaScript version 3 用です。
GitHub Repository
この SDK のソースは、以下のオープンソースの GitHub リポジトリにあります:
SDK Distribution
この SDK は、以下のロケーションに公開されています:
-
NPM: https://www.npmjs.com/package/@uid2/uid2-sdk
これは、SDK を自分のビルドに含める最も簡単な方法です。他の JavaScript または TypeScript ファイルと一緒に SDK をバンドルしたい場合に使用します。
また、TypeScript の型情報を使用して、スクリプトを CDN 経由でロードすることもできます。この場合、インストールした NPM パッケージのバージョンが CDN URL のバージョンと一致していることを確認してください。
-
CDN:
https://cdn.prod.uidapi.com/uid2-sdk-${VERSION_ID}.jsこれは、ビルドパイプラインを使用して JavaScript をバンドルしていない場合に、サイトに SDK を含める最も簡単な方法です。
本ドキュメントの最新の更新時点で、最新のバージョンは 4.0.1 です。利用可能なバージョンの一覧は the list of available versions を参照してください。
-
CDN (Integration):
https://cdn.integ.uidapi.com/uid2-sdk-${VERSION_ID}.jsこのインテグレーション URL には minified されていないコードが含まれており、テスト目的でのみ使用することができます。本番サイトにはこの URL を使用しないでください。
Terminology
このドキュメントでは、以下の用語が使われます:
- ID とは、POST /token/generate または POST /token/refresh エンドポイントによって返される、UID2 Token、Refresh Token、および Timestamp などの関連値を含む値のパッケージを指します。
- Advertising Token は UID2 Token を指します。
- Callback functionは、本 SDK の現在のバージョン用に構築され、Array Push Pattern を使用して登録されたコールバック関数を指します。
- Legacy callback function は、この SDK のバージョン 1.x または 2.x 用に構築され、
initの呼び出しで登録されたコールバック関数を指します。
Include the SDK Script
UID2 をターゲティング広告に使用したいすべてのページに、以下の SDK スクリプトを含めます:
<script src="https://cdn.prod.uidapi.com/uid2-sdk-4.0.1.js" type="text/javascript"></script>
Async or Defer Loading the SDK Script
Version 3 以降の SDK は、async または defer スクリプトローディングとともに使用することができます。
サイトで async または defer スクリプトのロードを使用している場合は、次のようにしてください:
-
(必須)
SdkLoadedイベントを受信したときに、callback function から__uid2.initを呼び出していることを確認します。 -
(必須) Scriptタグに関連する属性を追加します。
-
(推奨) 以下の例のように、Script タグがページの
<head>部分にあることを確認してください:<head>
<!-- ... -->
<script async src="https://cdn.prod.uidapi.com/uid2-sdk-4.0.1.js" type="text/javascript"></script>
<!-- ... -->
</head>
Workflow Overview
SDK を使用して UID2 ID を確立するための Client-Side ワークフローは、以下の Step で構成されます:
-
Array Push Pattern を使ってコールバック関数を登録します。
-
コールバックが
SdkLoadedイベントを受 信したら、init 関数を使用して SDK を初期化します。 -
イベントリスナーが
InitCompletedイベントを受信するのを待ちます。イベントデータは ID が利用可能かどうかを示します:- ID が利用可能な場合、その ID がイベントペイロードに返されます。SDK は background token auto-refresh を設定します。
- ID が利用できない場合、ペイロードの
identityプロパティは null になります。provide an identity to the SDK するまで、UID2 は利用できません。
-
ID の変更を示す
IdentityUpdatedコールバックイベントを処理します。イベントペイロードの
identityプロパティには新しい ID が格納されるか、有効な ID がない場合は null が格納されます。 -
状態に基づいて ID を処理します:
- Advertising Token が利用可能な場合、それを使用してターゲティング広告のリクエストを開始します。
- Advertising Token が利用可能でない場合は、ターゲティング広告を使用しないか、同意フォームでユーザーをデータキャプチャにリダイレクトします。
より詳細な Web インテグレーションの手順は、Client-Server Integration Guide for JavaScript を参照してください。