gtag.js を使用してアナリティクスのトラッキングを設定する
gtag.js は、Google のサイト測定、コンバージョン トラッキング、リマーケティング サービス用のウェブのタグ付けライブラリです。gtag.js を使用すると、タグの管理や実装が容易になり、公開される最新の動的な機能や統合のメリットをすぐに活用することができます。
この記事の内容:基本手順
- まだプロパティを作成していない場合は、Google アナリティクスでプロパティを作成します。トラッキングするウェブサイトごとに、アナリティクス プロパティを 1 つ作成します。プロパティを作成すると、トラッキング ID が生成されます。この ID は、gtag.js トラッキング コード スニペットで使用します。
- 後述の手順に沿って、トラッキング ID を確認します。このトラッキング ID は、トラッキング コード スニペットで使用します。
- gtag.js トラッキング コード スニペットをコピーし、トラッキングする各ウェブページに貼り付けます。トラッキング コード スニペットは、各ページの
<head>開始タグの直後に挿入します。
トラッキング ID を確認する
トラッキング ID を確認する方法は以下のとおりです。
- アナリティクス アカウントにログインします。
- [管理] をクリックします。
- [アカウント] 列のメニューからアカウントを選択します。
- [プロパティ] 列のメニューからプロパティを選択します。
- [プロパティ] で [トラッキング情報] > [トラッキング コード] をクリックします。トラッキング ID は、ページ上部に表示されます。
トラッキング コード スニペット
サイトの各ページの <head> タグの直後に、次のスニペットを貼り付けます。GA_TRACKING_ID は、ご自分の Google アナリティクス トラッキング ID に置き換えてください。
<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA_TRACKING_ID');
</script>
トラッキング コードが正しく動作していることを確認する
トラッキング コードが正しく動作しているかどうか確認するには、ウェブサイトにアクセスし、そのアクセスがリアルタイム レポートに記録されていることを確かめます。