
このコースの概要について解説します。
このコースの受講対象者について解説します。
GoogleタグマネージャーとGA4を活用したい全ての方におすすめのコースですが、特に次のような方には非常に役に立つ内容になっています。
ブログやオウンドメディアを運営されている方
小規模ビジネスを運営していてWebでの集客に力を入れている方
クライアントのWebサイト運用を任されているWeb制作会社の方
Webマーケティング業界に転職を目指している方
このような方は、コースを受けていただくことで、スキルの幅が格段に広がるはずです。
コース全体の流れと進め方について解説します。
このコースは、初めから順番に受けていただくことを想定して作っています。Googleタグマネージャーの基本概念やGA4のイベントの概念、Webサイトの構造などを学び、さらに難易度の低いカスタムイベントから順番にクリアしていくことで、着実にタグマネージャーのスキルが身についていきます。
Udemyで快適に受講するための方法について解説します。
以下について、あらかじめご用意ください。
Googleアカウント(普段お使いのものでも構いません)
Chrome(ブラウザ)
コースの中で使うデモサイトについて紹介します。
デモサイトにはリソースからアクセスしてください。
このデモサイトにGoogleタグマネージャーを仮想的に設置することで、レクチャーと同じ内容でタグ設定を行うことができます。
デモサイトのURLはリソースに貼っています。あらかじめブックマークに保存しておくことをおすすめします。
Chrome拡張機能「Tag Assistant」を導入します。
Chrome拡張機能 Adswerveの役割と導入方法について解説します。
2023年末に変更になったGA4の管理画面デザインについて解説します。
これまで「コンバージョン」と呼ばれていたものが、「キーイベント」という名称に変わりました。GA4管理画面の表示も変わっていますのでご注意ください。
Googleアナリティクス4(GA4)のアカウント作成方法について解説します。
GA4の概要について解説します。
GA4のアカウント構造について解説します。
アカウント > プロパティという親子構造になっている点について理解しておきましょう。
GA4の指標とディメンションについての解説です。
指標は数値そのもの、ディメンションは指標を切り分ける分析軸のことです。
GA4で利用頻度の高い代表的な指標について解説します。
GA4で利用頻度の高い代表的なディメンションについて解説します。
GA4のカスタム指標とカスタムディメンションについての解説です。
それぞれ、独自の分析指標と分析軸を作れる機能です。
Googleタグマネージャーで設定したイベントパラメータの情報を受け取るための設定ですので、しっかり理解しておきましょう。
GA4の「イベント」とは、そもそも何なのかという点について解説します。
この講義のメインの内容の基礎の部分ですので、しっかり理解しておいてください。
Googleタグマネージャー(GTM)とはそもそも何なのか、何ができるツールなのか、という点について解説します。
なぜ、Googleタグマネージャーでイベント設定を行うのか、という点について解説します。
Googleタグマネージャーを使う際には「タグ」「トリガー」「変数」という3つの概念を理解しておく必要があります。
それぞれどのような働きをするものなのか、できるだけわかりやすく解説します。
イベント計測をするとき、Googleタグマネージャーの中で何が起こっているのか、という点について解説します
Googleタグマネージャーを導入する際の注意点について解説します。
Googleタグマネージャーのアカウント作成の方法について解説します。
GoogleタグマネージャーをWordPressのプラグインで導入する方法について解説します。
※ご自身のWebサイトをお持ちの方のみご対応ください。
※このレクチャーを飛ばしても先に進むことが可能です。
GoogleタグマネージャーをWordPressテーマ「Swell」の機能を使用して導入する方法について解説します。
※ご自身のWebサイトでSwellをお使いの方のみご対応ください。
※このレクチャーを飛ばしても先に進むことが可能です。
GoogleタグマネージャーをWordPressテーマ「Cocoon」の機能を使用して導入する方法について解説します。
※ご自身のWebサイトでCocoonをお使いの方のみご対応ください。
※このレクチャーを飛ばしても先に進むことが可能です。
GoogleタグマネージャーをWordPressテーマのソースコードに直接導入する方法について解説します。
※ご自身のWebサイトをお持ちで、HTMLやPHPの記述に慣れている方のみご対応ください。
※このレクチャーを飛ばしても先に進むことが可能です。
Googleタグマネージャーの初期設定の進め方について説明します。
Chrome拡張機能「Adswerve」を使い、Googleタグマネージャーを実行するための仮想環境を作る方法について解説します
GoogleタグマネージャーにGA4を導入する方法について解説します。
Googleタグマネージャーに設定したタグの動作をテストするための「プレビュー」機能について解説します。
このコースで設定するGA4のイベント設定についての全体像を解説します。
記事に到達したユーザーがコンバージョンポイントであるサンクスページに辿り着くまでに、複数のイベント設定を行います。
すべての手順を実行することで、主要なGoogleタグマネージャーのイベント設定の方法を学ぶことができます。
STUDIOでGoogleタグマネージャーを使う場合の注意点について解説しています。
フォームの送信完了イベントとしてスタンダードな、サンクスページへの到達イベントについて解説します
サンクスページへの到達イベントの設定方法をハンズオンで学びます。
フォームへの到達イベントの設定方法をハンズオンで学びます。
ランディングページへの到達イベントの設定方法をハンズオンで学びます。
ここまで設定してきたページ到達系のイベントを、Googleタグマネージャーのプレビュー機能によって検証します。
イベント設定のプレビュー画面の使い方についても詳しく解説します。
設定したイベントをGA4のレポートで確認する方法について解説します。データをざっくりと確認したい時の方法です。
GA4の探索機能を使い、設定したイベントのカスタムディメンションやカスタム指標を自由に組み合わせて見る方法を学びます
GA4のキーイベント設定のUIが変わっており、新しい画面での設定方法について解説しています
GA4のコンバージョン設定の方法について学びます。
ここでは、補足として「カスタム指標がなぜ必要なのか」という点について解説します。
カスタム指標は、「クリック率」などのパーセンテージを算出して施策のパフォーマンスを図る上で非常に重要な要素です。
このレクチャーの段階ではまだ理解しづらい概念かもしれませんが、質問が非常に多いので補足しておきます。
文字で読んだほうがわかりやすい場合もあるかもしれませんので、記事版のURLをリソースに追加しました。
GA4の標準機能では取得できない、内部リンクのクリックイベント設定について解説します。
Googleタグマネージャーによる外部リンクのクリックイベント設定について解説します。
外部リンクのクリックイベントを設定する方法についてハンズオンで学びます。
Webページを構成する言語について理解することで、Googleタグマネージャーでイベント設定をする際に応用が効くようになる点について解説します。
Webサイトを構成する言語の全体像について学びます。
Googleタグマネージャーでイベント設定をする際に触れる機会の多い、HTMLとCSSの基本について学びます。
Googleタグマネージャーのイベント設定で出会う機会の多いHTMLタグについて学びます。
デモサイトを例に、クリック計測するボタンのHTML構造について学びます。
クリックや表示を計測するために、HTML要素にidを付与します。
idをつけなくてもイベント計測はできますが、 idをつけることでページの構成が変わったときにも影響を受けにくくなります。
ボタンクリックイベントの設定を行います。
ここでは、idがボタンの外枠についている場合の計測方法について解説します。
前のレクチャーで学んだものとは別の位置にidがついている場合のボタンの計測方法を解説します。
ボタンにidが付いていない場合のクリック計測の方法について学びます。
バナーのクリックイベントを計測する方法について学びます。
ここまで学んだ知識をもとに、残りのクリックイベント計測をご自身で実装してみましょう。
クリックイベントとセットで実装したい「要素の表示イベント」について解説します。
バナーを例に、要素の表示イベントの基本的な設定方法について学びます。
残りのボタンやバナーにも要素の表示イベントを実装します。
ここまで学んだ知識をもとに、残りの要素にも表示イベントを実装します。
アフィリエイトリンクなどが表示されたときにもGA4にイベントを送るよう設定を行う方法について解説します。
リンクの表示イベントを実装します。
以下は、カリキュラム内で使用するCSSセレクタの文字列です。コピーしてお使いください。
a[href*="google.com"]
フォームがページに一体化しており、サンクスページも表示されないフォームのイベント計測について解説します。
フォームの送信トリガーを使い、サンクスページのないフォームの送信完了イベントを計測します。
要素の表示トリガーを応用し、フォームへの到達イベントの設定を行います。
このセクションで作成するLooker Studioダッシュボードについて説明します。
お手本にするためのダッシュボードには、リソースからアクセスしてください。
2025年4月のアップデートにより、Looker Studioへのデータ接続時の挙動が変わりましたので補足します。
Looker Studioのアカウントを作成し、GA4のデータを接続する方法について説明します。
アカウント作成画面にはリソースからアクセスしてください。
Looker Studioを使う際に最低限覚えておきたい画面構成について説明いたします。
Looker Studioで基本的な表を作る方法について解説します。
ここで計算指標の作り方についても学びます。
どの表やグラフでも再利用できる計算指標の作成方法について解説します。
表の形や色などの見た目を整えます。
表以外のグラフの作成方法について解説します。
Looker Studioのレポート内に図形を描く方法を解説します。
シンプルなスコアカードの使い方を解説します
Looker Studioのレポート内に画像を配置する方法について解説します。
レポートに表示したデータの期間設定を行います。
表のディメンションを入れ替えて、異なる分析軸のレポートを作ります。
Googleタグマネージャーで設定したCTA別のクリック率をLooker Studioに設定します。
Googleタグマネージャーで設定したアフィリエイトリンク別のクリック率をLooker Studioに設定します。
Looker StudioにGA4のディメンションや指標が出てこない場合の対処法について解説します。
■Googleタグマネージャーで行うGA4カスタムイベントの「ベストプラクティス」が学べる
このコースでは、Googleタグマネージャー(GTM)を使ってGoogleアナリティクス(GA4)のカスタムイベントを計測し、レポートで可視化する方法についてワンストップで解説します。
Googleタグマネージャーの使い方がわからない
GA4のデータを見ても、欲しい情報が見られない
そもそも、GA4とGTMの違いがわからない
とお悩みの方も多いと思います。
GA4を本当の意味で「活用」するには、カスタムイベントの設定が必須です。
カスタムイベントというのは、「クリック」や「バナーの表示」など、ユーザーがサイト内で起こした特定の行動をトラッキングできる機能です。
こうした情報は、GA4のデフォルト機能でも取得できますが、どれも機能が限定的で「役に立つ」とは言い難いものになっています。
Googleタグマネージャーを活用することで、GA4単体では取得できないバリエーション豊かなカスタムイベントの計測が可能になります。
■GTM&GA4初心者でも受講可能
「Googleタグマネージャーというものが、そもそも何をするものなのかわからない」という方も安心してください。
このコースでは、GoogleタグマネージャーやGA4の基本的な使い方から、カスタムイベントの設定方法、設定したイベントをレポート表示する方法までの一連の流れを解説します。
これまでGA4やGTMの学習に挫折した方でも、問題なくコースを進めることが可能です。
■現場ですぐに使えるスキル
初心者向けといえど、「お勉強」だけの講座ではありません。
講師自身が実際の現場で使っているテクニックばかりですので、すぐにあなたのサイトで実践可能です。
■コースを受けるとできるようになること
GA4の導入と基本操作
Googleタグマネージャーの導入と基本操作
Googleタグマネージャーのカスタムイベント設定
カスタムイベントを作成する上で必要なHTML/CSSの基礎知識
Looker StudioでのGA4レポート作成方法と基本操作
■コースで学んだ内容を活かして手に入る未来
Webサイトのパフォーマンスを可視化できるようになる
データに基づいてWebサイトを改善するための分析環境が手に入る
就職・転職で役立つ希少性の高いスキルが手に入る
■設定したイベントの可視化も学べます
設定したイベントを「Looker Studio」という無料で使えるBIツールで、すぐに使えるレポートとして見える化する方法までを解説しているのが、このコースの大きな特徴です。
Googleタグマネージャーの使い方を解説するサイトや動画は多数ありますが、そうしたものを見ても「設定したイベントを結局どうやって使えばいいの?」という疑問が湧いてくるはずです。
本コースでは、そうした疑問にもしっかり応えられるレクチャーを設けています。コースで実際に設定したイベントを可視化する方法までを一気通貫で解説するので、それぞれのツールを個別に学ぶよりも、はるかにわかりやすいはずです。
■コースで解説するカスタムイベント
コンバージョン系:
サンクスページ到達:フォーム送信完了を計測
内部リンククリック:サイト内リンクのクリックを計測
特定の外部リンククリック:アフィリエイトリンクなどの外部リンクのクリックを計測
ボタン、バナーのクリック:サイト内のCTAのクリックを計測
ボタン、バナーの表示:CTAがユーザーの可視領域に表示されたことを計測
サンクスページのないフォーム送信:完了画面がない場合のフォーム送信を計測
エンゲージメント系:
スクロール率:ページ内のスクロールを10%刻みで計測
YouTube埋め込み動画再生:ページ内に埋め込まれた動画の再生を計測
アコーディオンのクリック:FAQページなどのアコーディオンのクリックを計測
ここで学んだテクニックを応用し、ご自身のWebサイトに合わせたさまざまなイベント計測ができるようになります。
さらに補足として、GTMのトリガーを使った広告タグの配信方法についても解説します。
動画を見ながら一緒に設定を行っていただくことで、コース終了時にはデータ計測環境が構築できるようになっています。
デモサイトをご用意していますので、ご自身で編集可能なWebサイトをお持ちではない方でも、本番に近い環境で学習を進めることが可能です。
■Googleタグマネージャーの壁
コースを終え、GA4のイベント設定をできるようになると、「なぜ今までやってこなかったんだろう」と後悔するはずです。
冒頭でも書いた通り、「GA4を活用できるか、できないか」は、Googleタグマネージャーを使えるかどうかにかかっています。
GTMをマスターしてWebサイト中のユーザー行動を可視化し、あなたのビジネスを成功に導きましょう。
※2025年5月時点で最新のGoogleタグでの導入方法に対応しています。
※一部、2023年9月時点でのGA4、Googleタグマネージャーの管理画面を使用しているため補足のレクチャーを入れています。多少UIは異なりますが、問題なく受講できるはずです。
■コースの更新履歴
2025/4/8 Looker Studioにレスポンシブ形式が追加されたため補足説明を追加
2025/1/6 Chtome拡張機能「Tag Assistant Companion」が「Tag Assistant」に統合されたためレクチャーを更新
2024/11/11 Chrome拡張機能「Adswerve」の設定方法が変更されたためレクチャーを修正
2024/10/10 Chrome拡張機能「Adswerve」のUIが大幅に変更されたためレクチャーを修正
2024/07/04 カスタム指標についての解説を追加
2024/03/28 スクロール率、YouTube埋め込み動画再生、アコーディオンのクリックイベントを追加
2024/03/27 「コンバージョン」から「キーイベント」への名称変更についての解説を追加
2024/03/22 拡張機能「Tag Assistant Companion」についての解説、広告タグ配信についての補足を追加