Adobe Experience Managerと統合するための最小限の設定でタグプロパティを作成する方法を説明します。 タグ UI を紹介し、拡張機能、ルール、公開ワークフローについて学習します。
タグプロパティを作成するには、次の手順を実行します。
ブラウザーで、 Adobe Experience Cloudホーム ページにアクセスし、Adobe IDを使用してログインします。
次をクリック: データ収集 申請 クイックアクセス 」セクションに表示されます。
次をクリック: タグ 左側のナビゲーションからメニュー項目を選択し、 新しいプロパティ を右上隅から選択します。
を使用してタグプロパティに名前を付けます。 名前 必須フィールド。 「ドメイン」フィールドに、ドメイン名を入力します。または、AEMas a Cloud Service環境を使用している場合は、を入力します。 adobeaemcloud.com
をクリックし、 保存.
新しく作成したタグプロパティを開くには、 タグのプロパティ 表示 また、 最近のアクティビティ の見出しに、Core 拡張機能が追加されていることが表示されます。 Core タグ拡張機能はデフォルトの拡張機能で、ページ読み込み、ブラウザー、フォーム、その他のイベントタイプなどの基本的なイベントタイプを提供します。詳しくは、 Core 拡張機能の概要 を参照してください。
ルールを使用すると、訪問者がAEMサイトとやり取りする際の動作を指定できます。 話を簡単にするために、ブラウザーコンソールに 2 つのメッセージを記録して、データ収集タグ統合がAEM Project コードを更新せずにAEMサイトに JavaScript コードを挿入する方法を示します。
ルールを作成するには、次の手順を実行します。
クリック ルール から オーサリング セクションを開き、 新規ルールの作成
次を使用してルールに名前を付けます。 名前 必須フィールド。
クリック 追加 から イベント セクションで、 イベント設定 フォーム、 イベントタイプ ドロップダウン選択 読み込まれたライブラリ(ページ上部) オプションを選択し、 変更を保持.
クリック 追加 から アクション セクションで、 アクションの設定 フォーム、 アクションタイプ ドロップダウン選択 カスタムコード オプションを選択し、 編集画面を開く.
内 コードを編集 モーダルを開く場合は、次の JavaScript コードスニペットを入力し、 保存をクリックし、最後に 変更を保持.
console.log('Tags Property loaded, all set for...');
console.log('capabilities such as capturing data, conversion tracking and delivering unique and personalized experiences');
クリック 保存 」をクリックして、ルール作成プロセスを完了します。
Tag プロパティ ルール はライブラリを使用してアクティベートされます。ライブラリは、JavaScript コードを含むパッケージと考えてください。 手順に従って、新しく作成したルールをアクティブ化します。
クリック 公開フロー から 公開 左側のナビゲーションの「 」セクションで、 ライブラリを追加
を使用してライブラリに名前を付けます。 名前 フィールドと選択 開発(開発) オプション 環境 ドロップダウン。
タグプロパティの作成後に変更されたすべてのリソースを選択するには、 +変更されたすべてのリソースを追加. この操作により、新しく作成したルールとコア拡張機能のリソースがライブラリに追加されます。 最後に、 開発用に保存およびビルド.
ライブラリが構築されると、 開発 スイムレーン,使用 省略記号 を選択します。 承認用に送信
次に、 送信済み ~を使ってレーンを泳ぐ 省略記号 を選択します。 公開の承認同様に ビルドして実稼動環境にパブリッシュ 内 承認済み レーンを泳ぐ。
上記の手順では、ページの読み込み時にメッセージをブラウザーコンソールに記録するルールを持つ、単純なタグプロパティの作成が完了します。 また、ルールとコア拡張機能は、ライブラリを作成して公開されます。