ShopifyストアでGA4（Googleアナリティクス4）とUA（ユニバーサルアナリティクス）の2種類の導入方法を紹介します。今回はGoogleタグマネージャーを利用した導入方法を各ステップごとに画像を利用して説明します。
また、Shopify以外のサイトでもほぼ同様の手順になりますので、ぜひ本記事をご覧ください。
2022年1月時点では、Shopifyストアの設定画面からUA（ユニバーサルアナリティクス）を設置することができます。GA4を導入するには別途手動対応が必要になります。
拡張性のあるタグマネージャーを利用することで、ShopifyでGA4を導入することができます。
Contents
GoogleタグマネージャーでのGA設定方法
分析ツールのGoogleアナリティクスをタグマネージャーで設定する方法は2パターンあります。
詳細なデータ分析や広告配信にこだわりたい方はアプリの使用をオススメします。
自動設定：「Pafit Tag Management」を利用するパターン
手動設定でタグマネージャーを利用してGAの導入を行うこともできますが、弊社が提供するShopifyアプリ「Pafit Tag Management」を利用するパターンもオススメです。
ユーザーが商品を閲覧、商品をカートに追加、商品を購入などのイベントをGA4で記録したい場合、基本的には別途開発が必要になります。
アプリを利用するメリットは、別途開発をすることなく様々なデータを簡単に集められるようになることです。また、設定時間を大幅に短縮することができます。
どの商品が閲覧されたか・商品を購入されたかの情報を記録するメリットはGoogle広告などのオーディエンス作成やBigQueryでの分析に活用できます。
本アプリの詳細を知りたい方は以下のページをご覧ください。
手動設定：GA4のプロパティを作成
ShopifyでGoogleタグマネージャーを導入する方法
ShopifyにGoogleタグマネージャーを設置していない方は、以下の記事を参考にGoogleタグマネージャーの設置をお願いします。
まずはShopifyのオンラインストアでGoogleアナリティクス4を手動設定する方法をご紹介します。
Googleアナリティクスにログイン
Googleアナリティクスアカウントにログインします。（Googleアカウントをお持ちでない方はアカウントの作成を行います）
ログインできると、以下のようなホーム画面が表示されます。
また、画面左下の「管理」をクリックし、管理画面に移動します。
ここまでの作業ができたら、次のステップに移ります。
現在Googleアナリティクスを利用しているかどうかで作業が変わります。
- A：UA（旧Googleアナリティクス）を利用したことがなく、新規サイトを作成した方などはこちらをご覧ください
- B：すでにサイトを運営中かつUA（旧Googleアナリティクス）を利用中の方はこちらをご覧ください
UAを利用中かどうかは管理画面からも確認できます。(UA-XXXXX)などUAから始まるプロパティを利用している場合は、UA利用中となります。
A：新しいプロパティを作成(UA未利用で新規サイトの場合)
動画でも作業手順をご紹介しています。
Googleアナリティクスの管理画面で「プロパティを作成」をクリックします。
プロパティを作成する画面で以下のように設定します。
- プロパティ名：ドメイン名 (Shopify)
- お好きな名称を設定できます
- レポートのタイムゾーン：日本
- 日本で運営しているサイトの場合はタイムゾーンは日本を選択します
- 通貨：日本円（JPY）
- サイトで利用している通貨が日本円の場合、日本円を選択します
- 詳細オプション
- ユニバーサルアナリティクスプロパティの作成トグル：オン
- ウェブサイトのURL：ドメイン名
- Googleアナリティクス4とユニバーサルアナリティクスのプロパティを両方作成する：オン
上記の設定が完了できたら、画面株の「次へ」をクリックします。
次にビジネスの概要を入力します。
入力は必須ではないため、任意入力を行います。ShopifyでECサイトを運営されている方は「オンライン販売を分析する」などピンクの枠で囲まれた項目にチェックを入れると良いと思います。
次に「作成」ボタンをクリックします。
タグマネージャーでGA4を設定
プロパティ作成後に以下の画面が表示されます。「測定IDをコピー」します。
この測定IDはタグマネージャーに後ほど入力します。
タグマネージャーのワークスペース画面に移動し、タグの「新規」をクリックします。
タグマネージャーを導入していな方はこちらをご覧ください。
タグの設定をクリックし、タグタイプを選択で「Googleアナリティクス：GA4設定」を選択します。
タグ名を「GA4 – Configuration – All Pages」にし、測定IDに先程コピーしたGA4プロパティのIDを貼り付けます。
次にトリガーの部分をクリックします。
トリガーの選択画面で、「All Pages」を選択します。
すべてのページでpage_viewイベントなどを記録するためのトリガーになります。
タグの画面で「保存」をクリックします。
続けてタグマネージャーでUAを設定
タグ一覧画面で「新規」を再度クリックします。
タグの設定をクリックし、タグタイプを選択する画面で「Googleアナリティクス：ユニバーサルアナリティクス」を選択します。
Googleアナリティクス設定の「設定変数を選択」をクリックします。
「新しい変数」をクリックします。
名称を「Constant – UA Settings」にし、トラッキングIDに「UA（旧Googleアナリティクス）のトラッキングID」を入力します。
トラッキングIDは先程作成したプロパティの「UA-XXXXXXXX」の管理画面のプロパティ設定から確認できます。
タグの名称は「UA – Configuration – All Pages」にし、トリガーは「All Pages」にします。
そして、「保存」をクリックします。
次に本番環境で設定を有効化するために、右上の「公開」をクリックします。
最後にバージョン名を「GA4とUAの設定」などにし、「公開」をクリックします。
バージョン名はお好きな文言でも大丈夫です。
以上でGA4とUAをタグマネージャーで導入することができました。
また、Googleのアナリティクスでユーザーの行動データを収集できるようになりました。
B：GA4設定アシスタントからプロパティ作成(UA利用中の場合)
UA（旧Googleアナリティクス）を利用中の方向けにGA4設定アシスタントからGA4プロパティを作成する方法をご紹介します。
UA（旧Googleアナリティクス）を使用したことがなく、新規サイトを作成した方などはこちらをご覧ください
GA4プロパティのみを作成
こちらの作業手順は動画でもご紹介しています。
まずは「GA4設定アシスタント」をクリックします。
次に「新しい Google アナリティクス 4 プロパティを作成する」の「ようこそ」をクリックします。
表示されたポップアップの「プロパティを作成」をクリックし、GA4のプロパティの作成が完了させます。
また、「他にこのウィザードでできること」のチェックボックスはオフのままで大丈夫です。
タグマネージャーでGA4をサイトに導入
GA4プロパティの作成完了後、データを記録するための設定をタグマネージャーで行う必要があります。
次に「GA4プロパティを確認」をクリックします。
GA4プロパティの設定画面が表示されるため、GA4にデータを記録するための設定を行います。「タグの設定」をクリックします。
先程作成したGA4プロパティをクリックします。
ウェブストリームの詳細が表示されるため、「測定IDをコピー」します。
この測定IDはタグマネージャーのタグ設定で利用します。
タグマネージャーのワークスペース画面に移動し、タグの「新規」をクリックします。
タグマネージャーを導入していな方はこちらをご覧ください。
タグの設定をクリックし、タグタイプを選択で「Googleアナリティクス：GA4設定」を選択します。
タグ名を「GA4 – Configuration – All Pages」にし、測定IDに先程コピーしたGA4プロパティのIDを入力します。
次にトリガーの部分をクリックします。
トリガーの選択画面で、「All Pages」を選択します。
すべてのページでpage_viewイベントなどを記録するためのトリガーになります。
タグの画面で「保存」をクリックします。
次に右上の「公開」をクリックします。
最後にバージョン名を「GA4を設定」などにし、「公開」をクリックします。
バージョン名はお好きな文言でも大丈夫です。
以上でGA4をウェブサイトやShopifyのECサイトに導入することができました。
Googleタグマネージャーの記事リスト
👇便利なShopifyアプリのご紹介👇
