統合

Adobe I/O コンソールを使用した Adobe Experience Platform Launch の使用

AEM Sites 6.5

前提条件

  • AEM オーサーとパブリッシュインスタンスをそれぞれローカルホストのポート 4502 と 4503 で実行中である

  • Experience Cloud

    • 組織の Adobe Experience Cloud にアクセス - https://<yourcompany>.experiencecloud.adobe.com

    • 次のソリューションをプロビジョニングされた Experience Cloud

      メモ

      Experience Platform Launch で開発、承認、公開、拡張機能の管理および環境の管理の権限が必要です。ユーザーインターフェイスオプションが使用できず、これらの手順を完了できない場合は、Experience Cloud 管理者に問い合わせてアクセス権を要求してください。Experience Platform Launch の権限について詳しくは、ドキュメントを参照してください。

  • ブラウザープラグイン

    • Adobe Experience Cloud Debugger(Chrome
    • Experience Platform Launch および DTM スイッチ(Chrome

関係するユーザー

この統合には、次のようなオーディエンスの関与が必要となります。また、一部のタスクでは管理者権限が必要となることがあります。

  • デベロッパー
  • AEM Admin
  • Experience Cloud 管理者

はじめに

AEM は、Experience Platform Launch との標準の統合を提供します。この統合により、AEM 管理者は使いやすいインターフェイスを使用して Experience Platform Launch を容易に設定できるので、これら 2 つのツールを設定する際の労力とエラー数を削減できます。また、Adobe Target の拡張機能を Experience Platform Launch に追加するだけで、AEM web ページ上で Adobe Target のすべての機能を使用できます。

この節では、次の統合手順を説明します。

  • Experience Platform Launch
    • Experience Platform Launch プロパティの作成
    • Target 拡張機能の追加
    • データ要素の作成
    • ページルールの作成
    • 環境の設定
    • ビルドとパブリッシュ
  • AEM
    • Cloud Service の作成
    • 作成

Experience Platform Launch

Experience Platform Launch プロパティの作成

プロパティは、サイトにタグを導入する際に拡張機能、ルール、データ要素およびライブラリを入力するコンテナです。

  1. 組織の Adobe Experience Cloud に移動(https://<yourcompany>.experiencecloud.adobe.com

  2. Adobe ID を使用してログインし、適切な組織に属していることを確認します。

  3. ソリューション切り替えボタンで、「Experience Platform Launch」をクリックし、「Experience Platform Launch に移動」ボタンを選択します。

    Experience Cloud - Experience Platform Launch

  4. 適切な組織に属していることを確認し、Experience Platform Launch プロパティの作成に進みます。
    Experience Cloud - Experience Platform Launch

    プロパティの作成について詳しくは、製品ドキュメント内のプロパティの作成を参照してください。

  5. 新しいプロパティ」ボタンをクリック

  6. プロパティの名前を指定(例:AEM Target チュートリアル

  7. これは、WKND デモサイトが実行されているドメインなので、ドメインに localhost.com と入力します。「ドメイン」フィールドは必須ですが、Experience Platform Launch プロパティが実装されているドメインであれば、どのドメインでも機能します。主な目的は、ルールビルダーでメニューオプションを事前に設定することです。

  8. 保存」ボタンをクリックします。

    Experience Platform Launch - 新規プロパティ

  9. 作成したプロパティを開き、「拡張機能」タブをクリックします。

Target 拡張機能の追加

Adobe Target 拡張機能は、最新の web 用の Target JavaScript SDK、at.js を使用したクライアントサイドの実装をサポートしています。以前の Target ライブラリ mbox.js をご利用のお客様は、at.js にアップグレードしていただくことで、Experience Platform Launch をご利用いただけます。

Target 拡張機能は、次の 2 つの主要な部分で構成されています。

  • コアライブラリ設定を管理する拡張機能の設定
  • 次の操作を実行するルールのアクションです。
    • Target(at.js)を読み込み
    • すべての mbox にパラメーターを追加
    • グローバル mbox にパラメーターを追加
    • Fire Global mbox
  1. 拡張機能​の下に、Experience Platform Launch プロパティで既にインストールされている拡張機能のリストが表示されます。(Experience Platform Launch Core 拡張機能はデフォルトでインストールされます)

  2. 拡張機能カタログ」オプションを選択し、フィルターで Target を検索します。

  3. 最新バージョンの Adobe Target at.js を選択し、「インストール」オプションをクリックします。
    Experience Platform Launch - 新規プロパティ

  4. 設定」ボタンをクリックすると、Target アカウントの資格情報が読み込まれた設定ウィンドウと、この拡張機能の at.js のバージョンが表示されます。
    Target - 拡張機能の設定

    Target が非同期の Experience Platform Launch 埋め込みコードを使用してデプロイされる場合、コンテンツのちらつきを管理するには、Experience Platform Launch 埋め込みコードの前に、ページ上に事前に非表示になるスニペットをハードコードする必要があります。事前に非表示になるスニペットの詳細については、後で説明します。事前に非表示になるスニペットはこちらからダウンロードできます。

  5. 保存」をクリックして、Experience Platform Launch プロパティへの Target 拡張機能の追加を完了すると、「インストール済み」の下に Target 拡張機能が表示されます。

  6. 上記の手順を繰り返して、「Experience Cloud ID サービス」拡張機能を検索し、インストールします。
    拡張機能 - Experience Cloud ID サービス

環境の設定

  1. 環境」タブをクリックすると、サイトプロパティ用に作成された環境のリストを確認できます。デフォルトでは、開発、ステージ、実稼動用にそれぞれ 1 つのインスタンスが作成されます。

データ要素 - ページ名

ビルドとパブリッシュ

  1. 公開」タブをクリックし、サイトプロパティ用にライブラリを作成して、変更(データ要素、ルール)を開発環境にビルドし、デプロイします。
  2. 変更を開発環境からステージング環境にパブリッシュします。
  3. ステージング用にビルドオプション​を実行します。
  4. ビルドが完了したら、公開の承認を実行し、変更をステージング環境から実稼動環境に移動させます。
    ステージングから実稼動環境へ
  5. 最後に、「ビルドして実稼動環境に公開」オプションを使用して、変更を実稼動環境にプッシュします。
    ビルドして実稼動環境にパブリッシュ

Adobe Experience Manager

  1. Adobe I/O の資格情報を使用して、AEM で IMS 統合を作成します。(01:12~03:55)
  2. Experience Platform Launch で、プロパティを作成します。(上記が対象)
  3. 手順 1 の IMS 統合を使用して、Experience Platform Launch 統合を作成し、Experience Platform Launch プロパティを読み込みます。
  4. AEM で、ブラウザー設定を使用して Experience Platform Launch 統合をサイトにマッピングします。(05:28~06:14)
  5. 統合を手動で検証します。(06:15~06:33)
  6. Experience Platform Launch/DTM ブラウザープラグインを使用します。(06:34~06:50)
  7. Adobe Experience Cloud Debugger ブラウザープラグインを使用します。(06:51~07:22)

この時点で、オプション 1 で説明した Adobe Experience Platform Launch を使用して、AEMと Adobe Target を正常に統合しました。

AEM Experience Fragment オファーを使用してパーソナライゼーションアクティビティを強化するには、次の章に進み、従来のクラウドサービスを使用して AEM と Adobe Target を統合します。

このページ