2020年10月からGoogleアナリティクスは新しくなりました(公式サイト)
名前は「Google アナリティクス 4」(略してGA4)といいます
古い方は「ユニバーサル アナリティクス」です
この記事には、CocoonテーマへのGA4導入と設定方法が書いてあります
新旧アナリティクスの違いは別記事に解説していますので、詳しく知りたい人はコチラ(準備中)
簡単にいうと、「アプリに対応し、より詳細なデータを分析できる」ようになりました
Cocoonテーマへの新Googleアナリティクスの導入と設定方法
Cocoonテーマでは、公式によるGA4の導入方法の解説がありません
(Cocoon作者わいひら さんによるアクセス解析の記事)
Googleの解説ではGA4は測定したいすべてのページの先頭にタグを貼り付けます
![](http://junjunblog.org/wp-content/uploads/2021/04/c735d83eafa8917096bd48e8cf71f5c2-1.jpg)
Cocoonでは【Cocoon設定】→【アクセス解析・認証】→【ヘッド用コード】に貼り付けると同じ効果があるので、そこに貼り付けます
![](http://junjunblog.org/wp-content/uploads/2021/04/062c041c4318b33983d6a2c1caa7e804-1.jpg)
『ヘッド用コード貼り付け』でもいいのですが、Googleタグマネージャーを使うと下の画像のようにタグの一元管理ができて超絶便利なので、タグマネージャーを使った導入方法を解説していきます
Googleタグマネージャーが不要な人は、目次からアナリティクスのプロパティ作成へ飛び、ヘッド用コードを貼り付けてください
![](http://junjunblog.org/wp-content/uploads/2021/04/66ff7e93d7ad2ef6ce7956388b7a3f0d.jpg)
タグマネージャーで管理できるGoogleツール
▪ユニバーサルアナリティクス
▪GA4
▪Google 広告のコンバージョン トラッキング
▪Google 広告のリマーケティング
▪Floodlight カウンター
▪Floodlight 販売
▪コンバージョン リンカー
▪Google Optimize
▪Google サーベイ ウェブサイト満足度調査
▪Cloud 小売
▪Recommendations AI
▪Google フライト コンバージョン トラッキング
▪Google フライトの料金の精度
▪Google アナリティクス:従来版
▪ウェブサイト経由の通話コンバージョン
▪Google 認定ショップ
その他Google以外の便利ツール
Cocoonテーマへの新Googleアナリティクスの導入の流れ
導入の流れ
1.タグマネージャーのアカウント作成
2.コンテナスニペットをサイトに設置
3.アナリティクスのアカウント作成
4.アナリスティックのプロパティを作成
5.タグマネージャーを使ってアナリティクスを設定する
新アナリティクスの導入方法は3つあります(公式マニュアル)
(1.)【新規】新しいサイト用を設定する
(2.)【新規】新しいサイト用を新と旧の両方で設定する
(3.)【追加】旧アナリティクス導入済みのサイトに、新を追加する
(1.)は新だけ使う人
(2.)は新と旧が両方使えます、あとで旧の設定を新へ移行できます
(3.)は新と旧の両方使えます、新を追加する方法なので旧の設定を残したい人はこれ
それぞれ一長一短あるのですが、旧はすでに開発が行われていないため今後使われなくなることを想定し、ここでは(1.)を導入します
タグマネージャーのアカウント作成
Google公式サイトからタグマネージャーのアカウントを作成します
![](http://junjunblog.org/wp-content/uploads/2021/04/8d8147f7b5e921e71c79a98c7044f009-2.jpg)
アカウント名・コンテナ名は、自分がわかりやすいなら何でも大丈夫です
![](http://junjunblog.org/wp-content/uploads/2021/04/80ceaf7c95cfad5b86cfc0021b51de60-1.jpg)
名前には使えない文字があります
![](http://junjunblog.org/wp-content/uploads/2021/04/bc2d32901060141588b0b9435ec86662.jpg)
利用規約に同意します
![](http://junjunblog.org/wp-content/uploads/2021/04/f1d36707a510f5e2e191d1b6561abb12-1.jpg)
利用規約は日本語がないので、『Google翻訳』で内容をまとめると3つ書いてあります
・Google利用規約
・Googleプライバシーポリシー
・Googleタグマネージャーの使用ポリシー
・EUユーザー同意ポリシー(ヨーロッパのみ)
・Googleアナリティクスの利用規約
に同意してください
Google以外のタグには責任を負いません
タグマネージャーのデータは、サービスの改善、維持、保護、開発に使用します
本人の同意なしに他のGoogle製品とデータの共有をしません
!アカウント作成完了!
作成されたコードは すぐ使います
![](http://junjunblog.org/wp-content/uploads/2021/04/8d90104f248f795e6fdbd0d43bee1b8c.jpg)
コンテナスニペットをサイトに設置
先ほど作成されたコード内に GTMから始まるIDがあるので、それをCocoon設定に貼り付けます
Cocoon設定に貼り付けると、サイトに設置したことと同じです
![](http://junjunblog.org/wp-content/uploads/2021/04/2174caed5661376e555ec2c19174c053-2.jpg)
【ワードプレスにログイン】→【Cocoon設定】→【アクセス解析・認証】→【Googleタグマネージャー設定】→【タグマネージャーID】→【設定をまとめて保存】
![](http://junjunblog.org/wp-content/uploads/2021/04/ea42ac8e55057bb67ceef21d3a366ff6-1.jpg)
Googleタグマネージャーの導入が終了です
![](http://junjunblog.org/wp-content/uploads/2021/04/a330ddde978737c25957242f9a7b4fe6.jpg)
アナリティクスのアカウント作成
次にGoogle公式サイトからアナリティクスのアカウントを作成します
アカウントは旧と新の区別がありませんので、アカウントをお持ちの方はログインして次へ進んでください
![](http://junjunblog.org/wp-content/uploads/2021/04/1462271471160f5704ccca1346e4f277.jpg)
すでにアカウントを持っているため解説画像を取得できませんでした
アナリティクスのプロパティを作成
続いてアナリティクスのプロパティを作成します
左下の『管理』をクリック
![](http://junjunblog.org/wp-content/uploads/2021/04/53aa6cd468e4d3740ceafbf60fc99538-1.jpg)
『+ プロパティを作成』をクリック
![](http://junjunblog.org/wp-content/uploads/2021/04/35bad988b3fbaa44ed845b556af1411b.jpg)
『ようこそ』をクリック
![](http://junjunblog.org/wp-content/uploads/2021/04/f3959a44f7e33b333732c2ee94d37350.jpg)
『プロパティを作成』をクリック
![](http://junjunblog.org/wp-content/uploads/2021/04/5ae4a988464bcf35344da7edc7f59350.jpg)
プロパティの作成完了
![](http://junjunblog.org/wp-content/uploads/2021/04/e507538e8e6b30f2725093483d88fd23.jpg)
タグマネージャーを使わない人はグローバルサイトタグをコピペすればOKです
グローバルサイトタグ表示方法
【管理】→【データストリーム】→【作成したプロパティ】→【グローバルサイトタグ・・・】
![](http://junjunblog.org/wp-content/uploads/2021/04/b65c20cd8bbba06256bfafe3d78d7501.jpg)
タグマネージャー使ってアナリティクスを設定する
最後にアナリティクスを設定します
やることは測定IDを表示して、タグマネージャーに設定することです
![](http://junjunblog.org/wp-content/uploads/2021/04/5a7e58f6f160c9c6145517d19fc820cb.jpg)
アナリティクス測定IDの表示方法
『管理』をクリック
![](http://junjunblog.org/wp-content/uploads/2021/04/80c6fb7f53e33812beed098af90927af.jpg)
『データストリーム』→表示したいプロパティをクリック
![](http://junjunblog.org/wp-content/uploads/2021/04/b7b08d3556058f6dba122ed97cca28de.jpg)
測定IDの表示完了
![](http://junjunblog.org/wp-content/uploads/2021/04/45564787225addd5f567123ce77e8525.jpg)
タグマネージャーの設定方法
『新しいタグを追加』
![](http://junjunblog.org/wp-content/uploads/2021/04/9293e7e5f8b65bcc4b69d3377cf4d2f0.jpg)
『タグの設定』をクリック
![](http://junjunblog.org/wp-content/uploads/2021/04/eca8cfb421c023089c4113c4b4d30d76.jpg)
『Googleアナリティクス:GA4 設定』をクリック
![](http://junjunblog.org/wp-content/uploads/2021/04/f5e70a669903a38bbbc4d5c92bc1d9fd-1.jpg)
アナリティクス測定IDを入力します
![](http://junjunblog.org/wp-content/uploads/2021/04/d4b63170c1885d949963019f34ae3547.jpg)
違うIDを入力するとエラーになります
G-から始まる測定IDを入力します
![](http://junjunblog.org/wp-content/uploads/2021/04/76f7f3a5738a41d1a63400d6682f0f42-2.jpg)
『トリガー』をクリック
![](http://junjunblog.org/wp-content/uploads/2021/04/4370cbdb467b167c92c37b0a72f6314b.jpg)
『All Pages』を選択します
![](http://junjunblog.org/wp-content/uploads/2021/04/3e97d39b4b84892aebb3684436362062.jpg)
『保存』をクリック
![](http://junjunblog.org/wp-content/uploads/2021/04/23c9ff385d1e3e0ce217ba2c21b56b42.jpg)
『公開』をクリック
![](http://junjunblog.org/wp-content/uploads/2021/04/618af27decbb35d5a0caf270f2c51e99.jpg)
コメント