メインコンテンツまでスキップ

Integration samples and tools

このページでは、一般的なインテグレーションのユースケースを強調するすべての公式 UID2 サンプル実装のリストと、ライブデモサイト、ソースコード、および関連ドキュメントへのリンクを示します。このページを使用して、ニーズに合ったサンプルを見つけて、動作する例を調べてください。

すべてのサンプルサイトは https://samples.uidapi.com/ で利用できます。

注記

このページに掲載されているサンプル実装はメールベースのインテグレーションを行っていますが、電話番号も同様にサポートされており、別の SDK メソッドを使用し追加の正規化ステップを必要とするものの、同じインテグレーションパターンに従います。電話番号インテグレーションの例については、UID2 hashing toolを参照してください。

JavaScript SDK integrations​

このセクションでは、Prebid.js や Google Secure Signals を使用せずに UID2 SDK for JavaScript を直接使用したサンプルインテグレーションをまとめています。参加者タイプ別のインテグレーションオプションについては、Publisher web integration overview または Advertiser/data provider integration overview を参照してください。

Client-side integration using UID2 SDK for JavaScript​

このサンプルは、SDK for JavaScript reference guide を使用してブラウザ内で直接トークンを生成および管理する完全な Client-Side インテグレーションを好むパブリッシャー向けです。このアプローチは、最小限のバックエンド要件で迅速なプロトタイピングに最適です。

Client-server integration using UID2 SDK for JavaScript​

このサンプルは、UID2 Token の作成をより細かく制御したいパブリッシャー向けです（Server-Side で処理されます）。Client-Side では JavaScript SDK を使用して、ブラウザ内のトークンを管理および更新します。

React client-side integration using UID2 SDK for JavaScript​

このサンプルは、React アプリを持つパブリッシャー向けで、SDK for JavaScript を使用して UID2 をコンポーネントベースのアーキテクチャに直接インテグレーションしたい場合のものです。

UID2 server-only (server-side)​

このサンプルは、すべての UID2 操作を Server-Side で実行し、Client-Side の SDK に依存せずに最大の制御、セキュリティ、および柔軟性を提供したいパブリッシャー向けです。

Prebid.js integrations​

このセクションには、RTB ビッドストリームで Prebid.js によって渡される UID2 Token を生成するためのサンプルページが含まれています。詳細については、Integration overview for Prebid を参照してください。

Client-side integration with Prebid.js​

このサンプルは、Client-Side で DII にアクセスでき、フロントエンド開発のみを行いたいパブリッシャー向けです。Prebid.js がトークン生成、ストレージ、自動更新を含む UID2 ワークフロー全体を処理します。

Client-server integration with Prebid.js​

このサンプルは、Server-Side で DII にアクセスでき、Server-Side 開発を行えるパブリッシャー向けです。サーバーが初期 UID2 Token を生成し、Prebid.js がストレージと自動更新を含むトークンライフサイクルを引き続き管理します。

Deferred client-side integration with Prebid.js​

このサンプルは、すでに Prebid.js を設定しているパブリッシャーが、Prebid が提供する機能を使用して UID2 モジュールを追加する方法を示しています。

Prebid.js with Secure Signals​

このサンプルは、UID2 と Google Secure Signals の両方で Prebid.js を設定し、ヘッダービディングと Google Ad Manager 間のインテグレーションを可能にする方法を示しています。

Google Secure Signals integrations​

このセクションには、Google の広告システムに UID2 アイデンティティデータを Secure Signals 機能を通じて渡すためのサンプルページが含まれています。詳細については、Google Ad Manager Secure Signals integration guide を参照してください。

Client-side Secure Signals​

このサンプルは、GAM Secure Signals との Client-Side インテグレーションを望むパブリッシャー向けです。UID2 SDK for JavaScript がトークンを生成および管理し、Secure Signals スクリプトがトークンを Google Ad Manager と自動的に共有します。

Client-server Secure Signals​

このサンプルは、Server-Side で UID2 Token を生成し、Client-Side で SDK for JavaScript を使用してトークンを管理したいパブリッシャー向けです。Secure Signals スクリプトがトークンを Google Ad Manager と自動的に共有します。

Server-side Secure Signals​

このサンプルは、すべての UID2 Token ロジックを Server-Side で処理したいパブリッシャー向けです。Secure Signals スクリプトがトークンを読み取り、Google Ad Manager と自動的に共有します。

React client-side Secure Signals​

このサンプルは、React アプリを持つパブリッシャー向けで、UID2 と Secure Signals をコンポーネントベースのアーキテクチャに直接インテグレーションしたい場合のものです。

Tools​

UID2 hashing tool​

このツールは、トークンリクエスト前のメールや電話番号のハッシュ化や正規化など、データ準備を検証する開発者またはクライアント向けです。ツールは以下のリンクで利用できます：

UID Verify Chrome extension​

UID2 Verify は、UID2 インテグレーションのデバッグのための Google Chrome ブラウザ拡張機能です。ウェブサイト上の UID2 SDK 情報を検査し、イベントとイベント履歴を追跡し、ストレージ（クッキーとローカルストレージ）を監視します。また、Prebid.js と Google Secure Signals のインテグレーションもサポートしています。

注記

このファイルのサンプルサイトは、一般的なインテグレーションのいくつかを強調していますが、利用可能なすべての UID2 インテグレーションオプションを表しているわけではありません。利用可能なすべてのインテグレーションオプションの概要については、Integration guides: Summary を参照してください。