Googleアナリティクス（ユニバーサルアナリティクス）の設定方法を教えてください。

更新日： 2023-01-12 09:02:12 UTC

本記事はGoogleアナリティクス用のトラッキングコード設定方法のご案内となります。
GA4用トラッキングコードの設定方法は以下の別の記事を御覧ください。

　■虎の巻：Googleアナリティクス（Google Analytics4）の設定方法を教えてください。

アカウント開設方法につきましては下記虎の巻記事をご参照ください。

　■虎の巻：Googleアナリティクスのアカウント開設方法（トラッキングIDの取得方法）を教えてください。

設定画面はコマースクリエイターの利用状況により異なります。
コマースクリエイターの利用状況がご不明な方はコチラをご確認ください。

コマースクリエイター利用中店舗様

コマースクリエイター移行中店舗様

コマースクリエイター未利用店舗様

コマースクリエイター利用中店舗様

gtag.jsおよび拡張eコマースを利用する場合は、以下のマニュアルをご参照ください。

　■オンラインマニュアル：Google Analytics設定

analytics.jsおよびeコマーストラッキング（旧式のトラッキング）を利用する場合は、
設定＞プロモーション管理＞測定タグ一覧＞GA eコマース分析（拡張eコマース併用不可）を設定してください。

詳しい設定方法は以下のマニュアルをご参照ください。

　■オンラインマニュアル：測定タグ設定（Google Analytics eコマース分析）

コマースクリエイター移行中店舗様

現行店舗用の設定は、後述している未利用店舗様用の説明をご参照ください。

コマースクリエイター店舗用の設定方法は以下の通りです。

gtag.jsおよび拡張eコマースを利用する場合

構築メニュー＞プロモーション管理＞Google Analytics設定　にて、
利用設定「□利用する」にチェックを入れ、
「トラッキングID」にGoogle アナリティクスのトラッキングIDを入力し、「登録する」を押下してください。

コマースクリエイター切替作業後、以下マニュアルを参考に、
Googleアナリティクスの画面にて目標設定と拡張eコマースを「オン」に変更してください。
※コマースクリエイター切替前は拡張eコマースを「オン」にしないでください。
　現行サイトにてeコマーストラッキングができなくなります。

　■オンラインマニュアル：Google Analytics設定

analytics.jsおよびeコマーストラッキング（旧式のトラッキング）を利用する場合

構築メニュー＞プロモーション管理＞測定タグ一覧＞GA eコマース分析（拡張eコマース併用不可）を設定してください。

詳しい設定方法は以下のマニュアルをご参照ください。
なおanalytics.jsを利用するトラッキング手法では拡張eコマースを利用できませんのでご注意ください。

　■オンラインマニュアル：測定タグ設定（Google Analytics eコマース分析）

コマースクリエイター未利用店舗様

自動生成ページ（URLに　/fs/　が含まれるページ）に設置する

グループページや商品ページなど、URLに　/fs/　が含まれるページは、
下記方法にて管理画面から設定できます。（PC/スマートフォン共通設定）

構築メニュー＞プロモーション管理＞Google設定にて「Google Analytics設定：□設定する」にチェックを入れます。

サイトアクティビティトラッキング(非SSLページ)
サイトアクティビティトラッキング(SSLページ)　に、下記の通りトラッキングコードを記述します。

※常時SSL化［対応済み／非対応］により記述する内容が異なります。

常時SSL化対応済み店舗様

トップページのURLが「https://～」の店舗様は、
サイトアクティビティトラッキング(SSLページ)のみに下記の「analytics.js」を記述してください。
なおGoogleアナリティクス管理画面に出力される「グローバルサイトタグ（gtag.js）」はご利用いただけません。

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>

※「UA-XXXXX-Y」は、自店のトラッキングIDに変更してください。

※サイトアクティビティトラッキング欄に初期値として入っているトラッキングコードをご利用いただくことも可能です。
　　初期値を利用する場合も、「UA-XXXX-XXXX」の部分は自店のトラッキングIDに変更してください。

analytics.jsのコード処理の詳細は下記サイトにてご確認いただけます。

　■Google Developers：サイトに analytics.js を追加する

常時SSL化非対応店舗様

トップページのURLが「http://～」の店舗様）は、
サイトアクティビティトラッキング(非SSLページ)と
サイトアクティビティトラッキング(SSLページ)の両方に、
下記弊社ヘルプ内の「Google Analytics 設定クライアントID利用機能」を記述してください。

　■オンラインマニュアル：Google設定

常時SSL化対応済み・非対応にかかわらず、下記記事を参考に「eコマーストラッキング」も設定してください。

　■虎の巻：eコマーストラッキングの設定方法について教えてください。

静的ページ（URLに　/fs/　が含まれないページ）に設置する

トップページ(index.html)などの静的ページには、別途、
トラッキングコードを各ページの<head>～</head>の間に入力する必要がございます。

FTPサーバーに接続し、対象ファイルをPCにダウンロードしてHTMLエディタやメモ帳などでファイルを開き、
<head>～</head>の間に、下記の通り「analytics.jsのトラッキングコード」を記述してください。
なお、前述のヘルプでご案内しているクライアントID利用機能はお使いいただけません。

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

※「UA-XXXXX-Y」は、自店のトラッキングIDに変更してください。

FTPサーバーへの接続方法がわからない場合は下記虎の巻記事をご参照ください。

　■虎の巻：FTPサーバーへの接続方法を教えてください。