Googleデジタルマーケティング＆Eコマース：Googleアナリティクスを設定する

# はじめに

”Googleデジタルマーケティング＆Eコマース プロフェッショナル認定証"　の受講が完了しました(2022/3/3)。私がこのコースから得られた素晴らしい体験を、テーマごとに分割して、わかりやすくご紹介しています。興味を持たれた方は、是非下記を受講してみてください。

https://jp.coursera.org/professional-certificates/google-digital-marketing-ecommerce

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/41012708-dfb2-da45-b1a3-5a683fab51bc.png" width="800">

# Googleアナリティクスを設定する

## 1.新しいアカウントとプロパティを作成する

新しいアカウントを作成するには、[アナリティクスページ][google]で「Get started today」を選択してください。

[google]: https://marketingplatform.google.com/about/analytics/

新規にアカウントを作成する場合、以下の必要事項を入力または選択します。

- アカウント名
- プロパティ名
- タイムゾーン
- 通貨
- (オプション) 事業内容

## 2.データストリームを作成する

サービス契約条件に同意した後、Webサイトまたはモバイルアプリの監視するデータストリームの種類を選択することができます。

- Web
    - Webを選択した場合、ホームページのURLと一意のストリーム名を入力します。
- Androidアプリ
    - Androidアプリを選択した場合、パッケージ名とアプリ名を入力します。
- iOSアプリ
    - iOsアプリを選択した場合、バンドルIDとアプリ名を入力します。

測定IDがデータストリームに割り当てられます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/7e4d4e79-deec-fe97-f966-5fe1e635a10f.png" width="700">

## 3.タグ付けを有効化する

タグ付けの指示については、新しいオンページタグを追加するか、既存のオンページタグを使用するかを選択します。

[既存のページ上タグを使用する］は、すでにユニバーサルアナリティクス（UA）用のタグがあるWebサイトにGoogleアナリティクス4（GA4）プロパティを追加する場合のみ選択します。既存のタグは、Google Analytics 4のプロパティにデータを送信するための接続サイトタグになります。

新しいタグを追加する場合は、グローバルサイトタグを使用するか、Googleタグマネージャを使用するかを選択できます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/d6f13592-9429-1475-b593-f9757f1d0b0b.png" width="700">

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/90c13e08-9ecb-45ec-8663-21d70d967265.png" width="700">

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2358573/58b15675-bafe-0cc8-7cb4-975d7f112522.png" width="700">

## ４．データ収集を有効化する

最後に、データ収集を可能にするために、グローバルサイトタグを実装するか、タグマネージャでタグを展開します。

グローバルサイトタグを手動で実装する場合、表示されたサイトタグを監視したい各ページのHTML headセクションにコピー＆ペーストする必要があります。

サイトタグは、次のようなものです。

```html
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-3T28EEHGZS"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-3T28EEHGZS');
</script>
```

# Googleのグローバルサイトタグ

アナリティクスツールがどのようにWebサイトのパフォーマンスを監視することができるのか、疑問に思うかもしれません。Googleアナリティクスのような解析ツールは、監視のためのタグが設定されたWebサイトのみを監視することができます。つまり、タグ（コードの一部）を各Webサイトで実行し、これらのツールに認識させる必要があります。

タグ付け方法には２つの方法があります。

- グローバルサイトタグを使用する
- Googleタグマネージャを使用する

### グローバルサイトタグ

Googleのグローバルサイトタグ、gtag.jsは、Webサイトに実装できる単一のタグです。各WebサイトのページのHTMLのhead要素に追加されます。head要素には、ページのメタデータ（表示されないが、Webサイトの管理上重要な情報）が格納されます。このグローバルタグは、Google Analyticsだけでなく、複数のGoogle製品に対応しています。このタグを追加すると、Google Adsのような他の製品もサイトに対して有効にすることができ、Google Adsから来るトラフィックの測定値を収集することができます。

グローバルサイトタグを使用する主な利点は、すべてのGoogle製品およびサービスで使用できるように設計されていることです。他の広告やメディアプラットフォームからのトラフィックを監視したり、他の分析ツールで監視したりするためには、追加のタグが必要です。Google以外のプラットフォーム用の追加タグを使用するには、Googleタグマネージャを使用します。

### Googleタグマネージャ

より普遍的なタグ付けのために、Googleのソリューションは、複数の広告プラットフォームやシステム向けの多くのタグをシンプルかつ一元的に展開・管理できるタグマネジメントシステム（TMS）、Googleタグマネージャです。タグマネージャの小さなコードをWebサイトに追加した後、タグマネージャのWebベースのインターフェースから、多くのプラットフォームに分析・計測タグを展開することができます。

Googleタグマネージャは、2つのタグでGoogleアナリティクス4つのプロパティをサポートしています。

- Google Analytics: GA4 Configuration
- Google Analytics: GA4 Event

Google Analytics Configurationタグは、Google Analytics 4のプロパティのGoogle Analyticsデータ収集を初期化するもので、すべてのページに追加する必要があります。このタグはGoogle Analytics 4の基本的な測定を可能にし、自動化されたイベントや、設定段階で拡張測定機能が有効になっている場合は拡張測定イベントも含まれます。

Google Analytics 4 Eventタグは、特定のインタラクションやウェブページに追加することで、Google Analytics 4プロパティにカスタムイベントを送信することができる。カスタムイベントを使用すると、イベントごとに自動的に送信されるイベントや、拡張測定をオンにすることで有効になるイベント以外のメトリックを監視することができます。


# Resources for more information**

- [[GA4] Set up Analytics for a website and/or app](https://support.google.com/analytics/answer/9304153?hl=en): Instructions to set up Google Analytics 4 (recommended for new accounts)
- [Get started with (Universal) Analytics](https://support.google.com/analytics/answer/1008015?hl=en): Instructions to set up Universal Analytics (to provide continued support of websites using UA)
- [Tag Manager and gtag.js](https://support.google.com/tagmanager/answer/7582054?hl=en): Tag Manager help article describes both tagging methods
- [Google Analytics 4 tags](https://support.google.com/tagmanager/answer/9442095): Tag Manager help article describes tags for GA4 properties
- [Deploy Universal Analytics with Tag Manager](https://support.google.com/tagmanager/answer/6107124?hl=en&ref_topic=6333310): Tag Manager help article describes how to deploy tags for UA properties