Blog
ナカシマ アナリティクスのアクセス解析Blog
![hero画像](/_next/image?url=%2Fimg-mv.jpg&w=3840&q=75)
【GTM】GA4とGTMを連携させてイベント計測をする方法とメリットを解説
![](/_next/image?url=https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2Fe21d509b45394a3a87bf190630409420%2F83198311336e427992bbd2f1b2202469%2Fthum_gtm-ga4.webp&w=3840&q=75)
「Googleタグマネージャー」や「GTM」といったワードをよく聞くけど、何のことかよくわからない、という方は多いのではないでしょうか。一言で言うとWebサイトに埋め込む「タグ」を管理するシステムのことです。
こんにちは!ナカシマ アナリティクスです!今回は、GTM経由でGA4を設定する際のメリットを解説していきます。使いこなせばウェブサイト運用において非常に便利なツールとなりますので、ぜひ最後まで読んでみてくださいね。
この記事は以下のような方におすすめです!
- GTMがどういうツールか知りたい方
- GTMの仕組みを知りたい方
- GTMを使うメリットを知りたい方
- GA4との関係性を知りたい方
Googleタグマネージャ(GTM)とは
![GTMのロゴ](https://images.microcms-assets.io/assets/e21d509b45394a3a87bf190630409420/3bbfa67e0d0a420a9f83995bba1a85df/gtm_logo.webp?w=860&h=483)
先ほども紹介しましたが、Googleタグマネージャとは、Webサイトに埋め込むタグを一元管理したりカスタマイズしたりできるツールです。
GA4でアクセス解析を行うには、GA4側で発行できるGoogleタグ(gtag.js)をご自身のサイトに埋め込むだけなので、Wordpressなどを利用している場合は比較的簡単に設定することができます。しかし、GTMをGA4と連携させれば、より便利に快適にWebサイトのデータを計測できます。僕自身「設定しておいてよかった!」と思うことが何度かありました。
タグを管理するシステム
後ほど詳細は説明しますが、アクセスデータを計測したり、広告の効果を測定したりする際に、Webサイト上に「タグ」と呼ばれるコードを追加することがあります。そのタグに新しくコードを追加したり、変更があったりした場合に手動でコードを書き換えるのは、想像しただけで大変な作業ですよね。
そんな時にGTMが役立ちます。
タグを一括管理
![タグを一括管理するツール](https://images.microcms-assets.io/assets/e21d509b45394a3a87bf190630409420/5c35be8d4996415fb9dc78e7264589d1/gtm_container.webp?w=860&h=483)
GTMは、Webサイト上に「コンテナ」と呼ばれる「タグを入れる箱」を作り、コードを直接書き換えなくても、GTMサイトのUI上でタグを操作できるので、Webサイトの全ページのタグを編集したりするといった苦労から逃れられます。
イベントの定義
![イベントも定義できる](https://images.microcms-assets.io/assets/e21d509b45394a3a87bf190630409420/ef8588a6f93246579263b517baabaea2/gtm_ga4_event.webp?w=860&h=483)
さらに、ユーザーのweb上での動きを詳細に把握できる「イベントタグ」もGTM上で作成することができます。また、そのイベントが起こった際の状況を把握できる「イベントパラメータ」もカスタマイズして定義することができます。
![イベントパラメータも定義できる](https://images.microcms-assets.io/assets/e21d509b45394a3a87bf190630409420/4d0827aed6a446f49f90700206214169/gtm_ga4eventtag.webp?w=860&h=483)
GA4とGTMの使用例
Google系サービスはGoogleタグを使う
ウェブサイトを運営していると、データ収集のためにGoogleアナリティクスを使用したり、商品やサービスの認知拡大のためにGoogle広告を利用したりすることがあるかと思います。
このようなGoogleのサービスを利用する際には、「Googleタグ(gtag.js)」と呼ばれるタグを埋め込んで利用します。
GTM経由でGA4を利用する際の流れ
GTMがすでにインストールされているウェブサイトでGA4を利用する際、GA4プロパティを作成すると得られるGoogleタグの測定IDをGTMのコンテナに登録することにより、GTM経由でのデータ計測を行うことができます。
イベントを定義してGA4に送る
このとき、例えば「自社のサービスの資料ダウンロードボタンがクリックされた回数と、サイト内のどのボタンが押されたのか」をGA4で把握したいと思った時、以下の手順でGA4にイベントが送られてくるようになります。
- Webサイトの資料ダウンロードリンクに「data属性」を追加
- GTMで変数を作成
- GTMでトリガーを作成
- GTMでGA4イベントタグを作成
- GA4にイベントデータが送られてくるようになる
WebサイトからGTM経由でGA4にイベントやイベントパラメータが送信される仕組みとしては、以下のようなイメージです。こちらの設定方法や手順に関したは、次回の記事で詳しく解説していきますので、ぜひ参考にしてみてくださいね。
![GTMを使用してGA4でデータ計測を行う仕組み](https://images.microcms-assets.io/assets/e21d509b45394a3a87bf190630409420/d540ba9851ff4bd5a9e9bc87de83f9e7/gtm_image.webp?w=860&h=483)
まとめ
今回は、GTM経由でGA4を設定する際のメリットや仕組みなどについて解説しました。使いこなせば企業のマーケティング担当者など、Webサイト運用している方にとって非常に便利なツールとなりますので、とっつきにくい部分もありますが、ぜひ利用してみてくださいね。