[統合]{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 の作成
- 作成
タグ
タグプロパティの作成
プロパティは、サイトにタグを導入する際に拡張機能、ルール、データ要素およびライブラリを入力するコンテナです。
- 組織の Adobe Experience Cloud に移動(
https://<yourcompany>.experiencecloud.adobe.com
) - Adobe ID を使用してログインし、適切な組織に属していることを確認します。
- ソリューションスイッチャーから、「Experience Platform」、「データ収集」セクションの順にクリックして、「タグ」を選択します。
-
適切な組織に属していることを確認し、タグプロパティの作成に進みます。
プロパティの作成について詳しくは、製品ドキュメント内のプロパティの作成を参照してください。
-
「新しいプロパティ」ボタンをクリック
-
プロパティの名前を指定(例:AEM Target チュートリアル)
-
これは、WKND デモサイトが実行されているドメインなので、ドメインに localhost.com と入力します。「ドメイン」フィールドは必須ですが、タグプロパティが実装されているドメインであれば、どのドメインでも機能します。主な目的は、ルールビルダーでメニューオプションを事前に設定することです。
-
「保存」ボタンをクリックします。
-
作成したプロパティを開き、「拡張機能」タブをクリックします。
Target 拡張機能の追加
Adobe Target 拡張機能は、最新の web 用の Target JavaScript SDK、at.js
を使用したクライアントサイドの実装をサポートしています。以前の Target ライブラリ mbox.js
をご利用のお客様は、at.js にアップグレードしていただくことで、タグをご利用いただけます。
Target 拡張機能は、次の 2 つの主要な部分で構成されています。
-
コアライブラリ設定を管理する拡張機能の設定
-
次の操作を実行するルールのアクションです。
- Target(at.js)を読み込み
- すべての mbox にパラメーターを追加
- グローバル mbox にパラメーターを追加
- Fire Global mbox
-
拡張機能 の下に、タグプロパティで既にインストールされている拡張機能のリストが表示されます。(Adobe Launch Core 拡張機能はデフォルトでインストールされます)
-
「拡張機能カタログ」オプションを選択し、フィルターで Target を検索します。
-
最新バージョンの Adobe Target at.js を選択し、「インストール」オプションをクリックします。
-
「設定」ボタンをクリックすると、Target アカウントの資格情報が読み込まれた設定ウィンドウと、この拡張機能の at.js のバージョンが表示されます。
Target が非同期のタグ埋め込みコードを使用してデプロイされる場合、コンテンツのちらつきを管理するには、タグ埋め込みコードの前に、ページ上に事前に非表示になるスニペットをハードコードする必要があります。事前に非表示になるスニペットの詳細については、後で説明します。事前に非表示になるスニペットはこちらからダウンロードできます。
-
「保存」をクリックして、タグプロパティへの Target 拡張機能の追加を完了すると、「インストール済み」の下に Target 拡張機能が表示されます。
-
上記の手順を繰り返して、「Experience Cloud ID サービス」拡張機能を検索し、インストールします。
環境の設定
- 「環境」タブをクリックすると、サイトプロパティ用に作成された環境のリストを確認できます。デフォルトでは、開発、ステージ、実稼動用にそれぞれ 1 つのインスタンスが作成されます。
ビルドとパブリッシュ
-
「公開」タブをクリックし、サイトプロパティ用にライブラリを作成して、変更(データ要素、ルール)を開発環境にビルドし、デプロイします。
embed -
変更を開発環境からステージング環境にパブリッシュします。
embed -
ステージング用にビルドオプション を実行します。
-
ビルドが完了したら、公開の承認 を実行し、変更をステージング環境から実稼動環境に移動させます。
-
最後に、「ビルドして実稼動環境に公開」オプションを使用して、変更を実稼動環境にプッシュします。
Adobe Experience Manager
- Adobe Developer の資格情報を使用して、AEM で IMS 統合を作成します。(01:12~03:55)
- データ収集で、プロパティを作成します。(上記が対象)
- 手順 1 の IMS 統合を使用して、タグ統合を作成し、タグプロパティを読み込みます。
- AEM で、ブラウザー設定を使用してタグ統合をサイトにマッピングします。(05:28~06:14)
- 統合を手動で検証します。(06:15~06:33)
- Adobe Experience Cloud Debugger ブラウザープラグインを使用します。(06:51~07:22)
この時点で、オプション 2 で説明したタグを使用して AEM と Adobe Target を正常に統合しました。
AEM Experience Fragment オファーを使用してパーソナライゼーションアクティビティを強化するには、次の章に進み、従来のクラウドサービスを使用して AEM と Adobe Target を統合します。