[統合]{class="badge positive"}

Adobe Developer Console を使用したタグの使用

[AEM Sites 6.5]{class="badge informative"}

前提条件

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

  • Experience Cloud

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

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

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

    • Adobe Experience Cloud Debugger (https://chrome.google.com/webstore/detail/adobe-experience-platform/bfnnokhpnncpkdmbokanobigaccjkpob)

関係するユーザー

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

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

はじめに

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

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

  • タグ

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

    • Cloud Service の作成
    • 作成

タグ

タグプロパティの作成

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

  1. 組織の Adobe Experience Cloud に移動(https://<yourcompany>.experiencecloud.adobe.com
  2. Adobe ID を使用してログインし、適切な組織に属していることを確認します。
  3. ソリューションスイッチャーから、「Experience Platform」、「データ収集」セクションの順にクリックして、「タグ」を選択します。

Experience Cloud - タグ

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

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

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

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

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

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

    タグ - 新規プロパティ

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

Target 拡張機能の追加

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

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

  • コアライブラリ設定を管理する拡張機能の設定

  • 次の操作を実行するルールのアクションです。

    • Target(at.js)を読み込み
    • すべての mbox にパラメーターを追加
    • グローバル mbox にパラメーターを追加
    • Fire Global mbox
  1. 拡張機能 ​の下に、タグプロパティで既にインストールされている拡張機能のリストが表示されます。(Adobe Launch Core 拡張機能はデフォルトでインストールされます)

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

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

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

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

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

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

環境の設定

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

データ要素 - ページ名

ビルドとパブリッシュ

  1. 公開」タブをクリックし、サイトプロパティ用にライブラリを作成して、変更(データ要素、ルール)を開発環境にビルドし、デプロイします。

    embed

    https://video.tv.adobe.com/v/28412?quality=12&learn=on

  2. 変更を開発環境からステージング環境にパブリッシュします。

    embed

    https://video.tv.adobe.com/v/28419?quality=12&learn=on

  3. ステージング用にビルドオプション ​を実行します。

  4. ビルドが完了したら、公開の承認 を実行し、変更をステージング環境から実稼動環境に移動させます。
    ステージングから実稼動環境へ

  5. 最後に、「ビルドして実稼動環境に公開」オプションを使用して、変更を実稼動環境にプッシュします。
    ビルドして実稼動環境にパブリッシュ

Adobe Experience Manager

NOTE
Adobe Developer 統合に、中央のチームが少数のワークスペースのみで API 駆動型の変更を行えるようにする役割が適切であるワークスペースを選択するアクセス権を付与します。
  1. Adobe Developer の資格情報を使用して、AEM で IMS 統合を作成します。(01:12~03:55)
  2. データ収集で、プロパティを作成します。(上記が対象)
  3. 手順 1 の IMS 統合を使用して、タグ統合を作成し、タグプロパティを読み込みます。
  4. AEM で、ブラウザー設定を使用してタグ統合をサイトにマッピングします。(05:28~06:14)
  5. 統合を手動で検証します。(06:15~06:33)
  6. Adobe Experience Cloud Debugger ブラウザープラグインを使用します。(06:51~07:22)

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

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

recommendation-more-help
d30c09d2-e4b1-4b0b-a09a-250d84817092