開発環境への Analytics 実装のデプロイ

タグプロパティを作成して設定すると、サイトにライブラリをデプロイしてコードを実装する準備が整います。

前提条件

Adobe Analytics 用にタグプロパティを作成および設定する:ツールにアクセスして、Analytics 実装用のスペースを作成します。

アダプターと環境の作成

タグは、コードをデプロイする多くの組織的なワークフローに対応しています。Analytics の実装に最低限必要なコンポーネントを作成するには、次の手順に従います。タグ管理者は、組織内で作業して、アドビソリューションをデプロイするための正しいワークフローを確立できます。

  1. Adobe ID 資格情報を使用して、Adobe Experience Platform Data Collection にログインします。
  2. サイトに実装するタグプロパティをクリックします。
  3. クリック ホスト ​を選択し、次に ホストを追加.
  4. 名前を付ける "Adobe managed"をクリックし、次を選択します。 管理者Adobe 」と入力します。 「保存」をクリックします。
  5. に移動します。 環境 ​を選択し、次に 環境を追加.
  6. 選択 開発、という名前を付けます。 "Dev Environment"を選択し、ドロップダウンリストからAdobeが管理するホストを選択します。 「保存」をクリックします。
  7. Web インストール手順を示すモーダルウィンドウが表示されます。 後でこのウィンドウに戻ります。 閉じる 今のところ
  8. クリック 環境を追加 ​を選択します。 ステージング、という名前を付けます。 "Staging Environment"をクリックし、管理対象Adobeを選択します。 クリック 作成 ​次に、インストール手順モーダルウィンドウを閉じます。
  9. クリック 環境を追加 再び「 」を選択します。 実稼動、という名前を付けます。 "Production Environment"をクリックし、管理対象Adobeを選択します。 クリック 作成 ​次に、インストール手順モーダルウィンドウを閉じます。

開発用ライブラリの構築

ここまでにおこなったすべての変更や設定にもかかわらず、実際にはコードは公開されていません。ライブラリ(変更の集まりのようなもの)を作成すれば、サイトで使用するコードを公開できます。

  1. Adobe ID 資格情報を使用して、Adobe Experience Platform Data Collection にログインします。
  2. サイトに実装するタグプロパティをクリックします。
  3. 次をクリック: 公開フロー 「 」タブで、「 」をクリックします。 ライブラリを追加. 詳しくは、 公開の概要 (タグに関するドキュメント)を参照してください。
  4. ライブラリに名前を付けます。 'Initial changes'をクリックし、開発環境を選択します。
  5. クリック 変更されたリソースをすべて追加:Adobe Analytics、ID サービスおよびコアが自動的に一覧表示されます。
  6. 保存」をクリックします。
  7. 投稿ワークフロー画面に戻り、新しいライブラリの横にあるドロップダウンリストをクリックし、 開発用にビルド. 数秒後、ライブラリの黄色い点が緑色に変わり、ビルドが成功したことを示します。
  8. に移動します。 環境 ​をクリックしてから、開発環境の右側にあるインストールアイコンをクリックします。 この操作を実行すると、 Web インストール手順モーダルウィンドウが再び表示されます。
  9. コードブロックをコピーして、組織の Web サイト所有者に提供します。

Web サイトの開発環境にタグをインストール

Web サイトのコードを制御する場合は、コードの各ブロックをそれぞれの場所に実装します。

  • メインタグは、 <head> タグを使用して貼り付けます。
  • タグを同期的に読み込む場合は、終了タグのすぐ下に 2 つ目のコードブロックを含める必要があります。 </body> タグを使用して貼り付けます。 ライブラリタグを同期的に読み込むように選択するには、 ライブラリを非同期で読み込み 」オプションを使用して、Web インストール手順を参照してください。

タグコードは、通常、サイトの包括的なテンプレートに配置されます。 実装コードのみを含む空白のページは、次のようになります。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Example page</title>
  <script src="//assets.adobedtm.com/launch-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx-development.min.js"></script>
</head>
<body>
   <p>This is a test page.</p>
   <!-- Only include this extra code if you load tags synchronously -->
   <script type="text/javascript">_satellite.pageBottom();</script>
</body>
</html>

トラブルシューティング

ビルドに失敗しました。

一般的な理由として、ステージングまたは実稼動環境にプッシュされた他のライブラリに要素が既に存在しているというものがあります。ライブラリを最初に作成する場合は、変更後のリソースのみがライブラリに追加されていることを確認します。

次の手順

Analytics の実装を検証し、実稼動環境に公開する:Adobe Analytics の価値の活用を開始します。

recommendation-more-help
b4f6d761-4a8b-4322-b801-c85b9e3be690