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

AEM でのタグクラウドサービス設定の作成 create-launch-cloud-service

[AEM Sites as a Cloud Service、AEM Sites 6.5]{class="badge informative"}

Adobe Experience Manager でタグクラウドサービス設定を作成する方法を説明します。AEM のタグクラウドサービス設定はその後、既存のサイトに適用でき、オーサー環境とパブリッシュ環境の両方でタグライブラリの読み込みを確認できます。

タグクラウドサービスの作成

以下の手順を使用して、タグクラウドサービス設定を作成します。

  1. ツール ​メニューから​ クラウドサービスAdobe Launch 設定 ​を選択します。

  2. サイトの config フォルダーまたは WKND Site(WKND ガイドプロジェクトを使用している場合)を選択し、「作成」をクリックします。

  3. 一般」タブから「タイトル」フィールドを使用して設定に名前を付け、「関連する Adobe IMS 設定」ドロップダウンから「Adobe Launch」を選択します。次に、「会社」ドロップダウンから会社名を選択し、「プロパティ」ドロップダウンから前に作成したプロパティを選択します。

  4. ステージング」タブと「実稼動」タブは、デフォルト設定のままにします。ただし、パフォーマンスと最適化の要件に応じて、実際の実稼働セットアップの設定を確認し変更すること(特に「ライブラリを非同期に読み込み」への切り替え)をお勧めします。また、ライブラリ URI の値は、ステージングと実稼動で異なることにも注意が必要です。

  5. 最後に、「作成」をクリックして、タグクラウドサービスを完了します。

    タグクラウドサービスの設定

サイトへのタグクラウドサービスの適用

タグプロパティとそのライブラリを AEM サイトに読み込むために、タグクラウドサービス設定をサイトに適用します。前の手順では、クラウドサービス設定をサイト名フォルダー(WKND Site)に作成したので、自動的に適用されます。それを確かめてみましょう。

  1. ナビゲーション ​メニューから「サイト」アイコンを選択します。

  2. AEM Site のルートページを選択し、「プロパティ」をクリックします。次に、「詳細」タブの「設定」セクションに移動し、クラウド設定の値がサイト固有の conf フォルダーを指していることを確認します。

    サイトへのクラウドサービス設定の適用

作成ページと公開ページでのタグプロパティ読み込みの確認

次に、タグプロパティとそのライブラリが AEM サイトページに読み込まれていることを確認します。

  1. お気に入りのサイトページを「公開済みとして表示」モードで開くと、ブラウザーコンソールにログメッセージが表示されます。これは、ライブラリの読み込み(ページのトップ) ​イベントがトリガーされたときに起動される、タグプロパティ Rule の JavaScript コードスニペットで定義されたメッセージと同じものです。

  2. 公開ページで検証するには、まず タグクラウドサービス ​設定を公開し、パブリッシュインスタンスでサイトページを開きます。

    作成ページと公開ページでのタグプロパティ

おめでとうございます。AEM サイトに JavaScript コードを挿入する、AEM とデータ収集タグの統合を、AEM プロジェクトコードを更新することなく完了しました。

課題 - タグプロパティ内のルールの更新と公開

前のタグプロパティの作成から学んだことを活かして簡単な課題を完了し、既存のルールを更新してコンソールステートメントを追加し、公開フロー ​を使用してそれを AEM サイトにデプロイします。

次の手順

タグ実装のデバッグ

recommendation-more-help
bb44cebf-d964-4e3c-b64e-ce882243fe4d