Web SDK を使用した Adobe Experience Cloud 実装のチュートリアル

Adobe Experience Platform Web SDK を使用して、Experience Cloud アプリケーションを実装する方法について説明します。

Experience Platform Web SDKは、Adobe Experience Cloudのお客様がAdobe Experience Platform Edge Networkを通じてAdobe アプリケーションとサードパーティサービスの両方と対話できるようにする、クライアントサイドのJavaScript ライブラリです。 詳しくは、Adobe Experience Platform Web SDKの概要を参照してください。

Experience Platform Web SDK アーキテクチャ ​

このチュートリアルでは、Lumaと呼ばれるサンプルの小売web サイトでのPlatform Web SDKの実装について説明します。 Luma サイト ​には、現実的な実装を構築できる豊富なデータレイヤーと機能が用意されています。 このチュートリアルでは、次の操作を行います。

  • Luma web サイト用のPlatform Web SDK実装を使用して、独自のアカウントで独自のタグプロパティを作成します。

  • データストリーム、スキーマ、ID名前空間など、Web SDKの実装で使用される主要なデータ収集機能を構成します。

  • 次のAdobe Experience Cloud アプリケーションを追加します。

  • イベント転送を実装して、Web SDKで収集したデータをAdobe以外の宛先に送信します。

  • Experience Platform DebuggerとAssuranceを使用して、独自のPlatform Web SDK実装を検証します。

このチュートリアルを完了したら、独自のweb サイトでPlatform Web SDKを使用して、すべてのマーケティングアプリケーションの実装を開始する準備が整っています。

NOTE
同様のチュートリアルは、​ モバイル SDKでも利用できます。

前提条件

Adobe Experience Cloudをご利用のお客様は、Adobe Experience Platform Web SDKをご利用いただけます。 Web SDKを使用するには、Real-Time Customer Data PlatformやJourney OptimizerなどのPlatform ベースのアプリケーションのライセンスを取得する必要はありません。

これらのレッスンでは、Adobe ユーザーアカウントと、レッスンを完了するために必要な権限を持っていることが前提となります。 そうでない場合は、アクセス権を取得するには、お客様の会社のExperience Cloud管理者に連絡する必要があります。

  • データ収集​の場合、次の条件が必要です。

    • Platforms - Web​およびライセンスを取得している場合は​ Edge ​の権限

    • プロパティ権限 - 承認、開発、プロパティ​の編集、環境の管理、拡張機能の管理、および​ 公開 ​への権限

    • 会社権限 - プロパティを管理​する権限

      タグ権限について詳しくは、​ ドキュメント ​を参照してください。

  • Experience Platform​の場合、次の条件が必要です。

    • 既定の実稼動、“Prod” サンドボックスにアクセスします。

    • Data Modeling​の​ スキーマ管理 ​および​ スキーマの表示 ​へのアクセス。

    • Identity Management​の​ Manage Identity Namespaces ​および​ View Identity Namespaces ​へのアクセス。

    • データ収集​の​ データストリーム管理 ​および​ データストリームを表示 ​へのアクセス。

    • Platform ベースのアプリケーションを使用しており、Experience Platformの設定 レッスンを完了する場合は、次の手順も実行する必要があります。

      • 開発 サンドボックスへのアクセス。
      • データ管理​および​ プロファイル管理 ​のすべての権限項目:

      Real-Time CDPのようなPlatform ベースのアプリケーションを使用しているお客様でない場合でも、必要な機能は、すべてのExperience Cloudのお客様が利用できる必要があります。

      Platform アクセス制御について詳しくは、​ ドキュメント ​を参照してください。

  • オプションの​Journey Optimizer レッスンでは、キャンペーンの管理、キャンペーンの公開、キャンペーンの表示​に対する権限項目が必要です。

  • オプションの​Adobe Analytics レッスンでは、レポートスイート設定、処理ルール、Analysis Workspace🔗への管理者アクセス権が必要です

  • オプションの​Adobe Target レッスンでは、編集者または承認者のアクセス権が必要です。

  • オプションの​Audience Manager レッスンでは、特性、セグメント、宛先を作成、読み取り、書き込みするためのアクセス権が必要です。 詳しくは、Audience Managerのロールベースのアクセス制御に関するチュートリアルを参照してください。

NOTE
HTMLやJavaScriptなどのフロントエンド開発言語に精通していることを前提としています。 これらの言語の専門家である必要はありませんが、コードを読んで理解できれば、このチュートリアルをさらに活用できます。

アップデート

  • 2026年2月27日:イベント駆動型データレイヤーを備えた新しいLuma web サイト。
  • 2024年4月24日:変数の設定/変数の更新、パーソナライゼーションと分析の分割リクエストの追加、Journey Optimizer レッスンなどの大幅な更新

Luma web サイトの読み込み

Luma web サイト ​を別のブラウザータブに読み込み、ブックマークを付けて、チュートリアル中に必要なときにいつでも簡単に読み込むことができます。 ホストされている実稼動サイトを読み込む以外に、Lumaへの追加アクセスは必要ありません。

Luma web サイト ​

それでは、始めましょう。 次:Web データのXDM スキーマを作成

NOTE
Adobe Experience Platform Web SDKについて学ぶために時間を割いていただきありがとうございます。 ご質問がある場合、一般的なフィードバックを共有したい場合、または今後のコンテンツに関する提案がある場合は、このExperience League コミュニティ ディスカッション投稿で共有してください
recommendation-more-help
platform-learn-help-tutorial-web-sdk