開発実装の検証と実稼動環境への公開

最終更新日： 2025年5月5日
  • トピック：

作成対象：

  • 管理者
  • 開発者

タグライブラリが実稼働環境にプッシュされると、組織は Adobe Analytics を使用して基本的なレポートの取り込みを開始できます。

前提条件

Analytics 実装を開発環境にデプロイする：このページの手順をおこなうには、Analytics 実装を開発環境に公開する必要があります。

Experience Cloud デバッガーを使用した開発環境の実装の検証

Experience Cloudデバッガーは、ページ上に存在するすべてのExperience Cloudタグを表示する拡張機能です。

  1. Chrome または Firefox の拡張機能をインストールします。
  2. タグを実装した開発用 web サイトに移動します。
  3. ブラウザーでAdobe Experience Cloud デバッガーアイコンをクリックします。
  4. すべてが正しく実装されている場合は、Adobe Analytics、タグおよびAdobe Experience Cloud訪問者 ID サービス内にコンテンツが表示されます。

ステージング／実稼動環境に開発環境の実装をデプロイする

データが表示されることを検証したら、実装をサイトのライブバージョンにプッシュできます。

  1. Adobe ID 資格情報を使用して、Adobe Experience Platform Data Collection にログインします。
  2. サイトに実装するタグプロパティをクリックします。
  3. 「公開」タブをクリックし、開発列でライブラリを探します。
  4. ライブラリのドロップダウンリストをクリックし、「承認用に送信」を選択します。 モーダルウィンドウで「送信」をクリックします。
  5. ライブラリのドロップダウンリスト（「送信済み」列に表示）を再度クリックし、「ステージング用にビルド」を選択します。
  6. しばらくすると、ライブラリの黄色のライトが緑色に変わり、ビルドが正常に完了したことを示します。
  7. ライブラリのドロップダウンリストを再度クリックし、「公開の承認」を選択します。
  8. ライブラリのドロップダウンリスト（「承認済み」列に表示 ​ を再度クリックし ​、「実稼動用にビルドおよびPublish を選択します。
  9. 「環境」タブに移動し、「実稼動環境」をクリックします。
  10. 実稼動用インストールコードをコピーして、Web サイトの所有者に提供します。 サイトの実稼動環境にこのコードを実装するように要求します。

実稼動環境の実装を検証します。

本番用サイトのデータが表示されていることを確認し、Adobe Analytics の正式なデータ収集を開始します。

  1. Web サイトの所有者がタグコードを実稼動にプッシュしたことを確認したら、Chrome で web サイトのホームページに移動し、Adobe Experience Cloud Debuggerを開きます。
  2. すべてが機能している場合は、開発環境でのテストと類似したデータが表示されます。この時点で、サイト上のデータを収集するようになっており、レポートへの Adobe Analytics の使用を開始できます。

トラブルシューティング

デバッガーにデータが表示されません。

サイトにアクセスしている間に、ブラウザーのデベロッパーコンソール（通常は F12）を開きます。ページのソースコードを見て、次の条件が満たされていることを確認します。

  • コンソールに JavaScript エラーはありません。組織の Web サイトの所有者と協力して、すべての JS エラーが解決されていることを確認します。
  • ヘッダーコードが正しく実装されている：ヘッダーコードが <head> タグ内にあり、ファイルが存在することを確認してください。
  • AppMeasurement ライブラリが存在します：JS ソースに直接移動し、JS ファイルにコードが含まれていることを確認します。表示されない場合は、各環境が作成され、それぞれの環境にライブラリが公開されていることを確認します。
  • 拡張機能の干渉：広告ブロッカーなど、一部の拡張機能では、イメージリクエストの実行を防ぐことができます。 データがAdobeに送信されなくなる可能性のある拡張機能を無効にします。

次の手順

これで基本的な実装が設定されました。組織内でのお客様の役割が、詳細を確認するパスに影響を与える可能性があります。

recommendation-more-help