開発環境への Analytics 実装のデプロイ
タグプロパティを作成して設定すると、サイトにライブラリをデプロイしてコードを実装する準備が整います。
前提条件
Adobe Analytics 用にタグプロパティを作成および設定する：ツールにアクセスして、Analytics 実装用のスペースを作成します。
アダプターと環境の作成
タグは、コードをデプロイする多くの組織的なワークフローに対応しています。 Analytics の実装に最低限必要なコンポーネントを作成するには、次の手順に従います。 タグ管理者は、組織内で作業して、アドビソリューションをデプロイするための正しいワークフローを確立できます。
- Adobe ID 資格情報を使用して、Adobe Experience Platform Data Collection にログインします。
- サイトに実装するタグプロパティをクリックします。
- 「ホスト」をクリックし、「ホストを追加」をクリックします。
"Adobe managed"という名前を付け、種類ドロップダウンリストで「Adobeで管理」を選択します。 「保存」をクリックします。- 環境に移動し、環境を追加をクリックします。
- 「開発」を選択し、「
"Dev Environment"」という名前を付け、ドロップダウンリストから「Adobe managed host」を選択します。 「保存」をクリックします。 - Web インストール手順を示すモーダルウィンドウが表示されます。 後でこのウィンドウに戻ります。今は 閉じる をクリックしてください。
- Add Environmentをクリックし、Stagingを選択して
"Staging Environment"という名前を付け、次にAdobe Managed Hostを選択します。 「Create」をクリックし、インストール手順モーダルウィンドウを閉じます。 - Add Environmentをもう一度クリックし、Productionを選択し、
"Production Environment"という名前を付け、次にAdobe Managed Hostを選択します。 「Create」をクリックし、インストール手順モーダルウィンドウを閉じます。
開発用ライブラリの構築
ここまでにおこなったすべての変更や設定にもかかわらず、実際にはコードは公開されていません。 ライブラリ（変更の集まりのようなもの）を作成すれば、サイトで使用するコードを公開できます。
- Adobe ID 資格情報を使用して、Adobe Experience Platform Data Collection にログインします。
- サイトに実装するタグプロパティをクリックします。
- 「公開フロー」タブをクリックし、「ライブラリを追加」をクリックします。 このページについて詳しくは、タグ ドキュメントの公開の概要を参照してください。
- ライブラリ
'Initial changes'に名前を付け、開発環境を選択します。 - 変更済みのすべてのリソースを追加をクリックすると、Adobe Analytics、Identity Service、Coreが自動的に一覧表示されます。
- 「保存」をクリックします。
- 公開ワークフロー画面に戻り、新しいライブラリの横にあるドロップダウンリストをクリックし、開発用にビルドをクリックします。 数秒後、ライブラリ上の黄色いドットが緑色に変わり、ビルドが正常に実行されたことを示します。
- 環境に移動し、開発環境の右側にあるインストールアイコンをクリックします。 このアクションにより、Web インストール手順モーダルウィンドウが再度表示されます。
- コードブロックをコピーし、組織のweb サイト所有者に提供します。
Web サイトの開発環境にタグをインストール
web サイトのコードを管理する場合は、各コードブロックをそれぞれの場所に実装します。
- メインタグは、サイトの
<head>タグに属しています。 - タグを同期して読み込む場合は、サイトのクロージング
</body>タグのすぐ下にある2番目のコードブロックも含める必要があります。 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
analytics-help-implement