「このリンク、何人のユーザーがクリックしてるの？」
「ボタンを設置したけど、効果は出ているのかな？」
WordPressでサイトやブログを運営していると、こうした疑問が自然と生まれてきますよね。
Googleアナリティクス（GA4）を使えば、簡単にリンクやボタンのクリック数をカウントできます。
そこで、この記事では、初心者でも安心して取り組めるように、以下の方法で「クリック数のトラッキング方法」をご紹介します。
具体的には、、、
- GA4の拡張計測機能を使って自動でクリック数を取得
- WordPressプラグインを使った設定方法
- HTMLに手動でコードを追加する方法
それでは、それぞれ丁寧にステップを追って解説していきます。
Step 1：Googleアナリティクス（GA4）を導入しよう
まず、GA4の導入です。ただ、すでにGA4を導入済みの方は、このステップをスキップしてOKです。
✅ GA4をまだ導入していない方へ
- https://analytics.google.com/ にアクセス
- Googleアカウントでログインし、新しいプロパティを作成
- トラッキング対象の「WebサイトURL」を入力
- 表示される「GA4の測定ID（G-XXXXXXX）」を控えておく
では、手順を細かく見ていきましょう。まずは、Googleアナリティクスのサイトにアクセスします。
ここで、左側のメニューの下部の「管理」と書いてある「歯車マーク」をクリックしましょう。
次に、画面左上の「＋作成」と書いてあるプルダウンっぽいボタンをクリックします。そうすると、「プロパティ」という選択肢が表示されるため、そちらをクリックしましょう。
いくつか聞かれるので、答えて登録していきましょう。
ちなみに、こちらにもGoogle自身でのサポートページもありますので、参考にしてみてください。
「GA4の測定ID（G-XXXXXXX）」がわからなくなった場合
なお、GA4の測定ID（G-XXXXXXX）」は、データの収集と修正 のメニューからも表示させることができます。
データストリームが表示されているので、該当の行の右側の「 ＞ 」をクリックしましょう。
そうすると、ストリームの詳細が表示される画面が出てきます。そこに、GA4の測定ID（G-XXXXXXX）が表示されています。
Step 2：WordPressとGA4を連携しよう（プラグイン使用）
次のStepです。
GA4のタグをWordPressに埋め込む方法はいくつかありますが、初心者にはプラグインを使う方法が簡単で安全です。
🔧 おすすめプラグイン：「WPCode」または「GA Google Analytics」
そこで、今回は「WPCode」で解説します。なお、「WPCode」とは以下のようなWordPress用のプラグインのことです。
WPCodeの設定方法
具体的な手順を見ていきましょう。手順としては、以下のとおりです。
- WordPressのダッシュボードへログイン
- 左側メニュー「プラグイン」→「新規追加」
- 「WPCode」と検索してインストールし、有効化
- メニューの「Code Snippets」→「Header & Footer」を選択
- 「Header」欄に以下のコードを貼り付け（G-XXXXXXは自分の測定IDに）
<!– GA4計測コード –>
<script async src=”https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX”></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag(‘js’, new Date());
gtag(‘config’, ‘G-XXXXXXX’);
</script>
- 「保存」をクリック
これで、WordPressサイトとGoogleアナリティクスが連携されました！
Step 3：GA4の「拡張計測機能」を有効にしよう（自動的にクリック数をカウント可能に）
連携が完了したら、次にやることは、GA4にある「拡張計測機能」という便利なオプション機能の有効化です。この機能を使えば、特別な設定をしなくてもクリック数の一部が自動でカウントされます。
✅ 有効化の手順
- Googleアナリティクスにログイン
- 左下の歯車アイコン「管理」をクリック
- 「データストリーム」→ 対象のWebデータストリームを選択
- 「拡張計測機能」を確認
それでは、具体的に画面イメージで見ていきましょう。アナリティクスの画面左側のメニューの下のほうにある、「管理」の「歯車マーク」をクリックしましょう。
次に、「データの収集と修正」のメニューをクリックすると表示される「データストリーム」をクリックします。
そして、該当の行の右側の「 ＞ 」マークをクリックします。
そうすると「イベント」に関する項目が表示されるようになります。
「イベント」の中にある「拡張計測機能」のトグルスイッチ（下のイメージの①のスイッチ）がOFF（グレーの表示）になっていると機能が有効になっていません。ですので、その場合は、ON（ブルーの表示）になるようにクリックしましょう。
そうすると、下のイメージの②の箇所のように「歯車マーク」が表示されるようになります。そこでは、拡張計測機能の設定変更ができるようになっています。
具体的には、以下のような画面が表示され、いくつかの項目が設定変更可能です。
ここでは、以下の項目が「オン」になっていればOKです。
- ページビュー数
- スクロール数
- 離脱クリック（アウトバウンドリンククリック）
- ファイルのダウンロード
- サイト内検索
これにより、外部リンクのクリックやPDFファイルのダウンロード数などは自動でイベントとして記録されるようになります。
最終的に、上記の画面イメージのようなスイッチ状態になったら、設定変更完了です。
Step 4：特定のリンクやボタンのクリック数をカウントしたい場合
「拡張計測機能では足りない！」という場合、自分でイベントを追加する方法もあります。
たとえば、
- 特定の「お問い合わせボタン」
- サイト内の任意のリンク
- CTAボタン
こうしたクリックをカウントするには、HTMLにカスタムイベントコードを追加することができます。
Step 5：カスタムイベントでクリック数をカウントする方法
✅ 基本のコード（HTML内に追加）
カスタムイベントのクリック数をカウントできるようにするためには、以下のようなコードをHTML内に追記します。
<a href=”https://example.com/contact”
onclick=”gtag(‘event’, ‘click’, {
‘event_category’: ‘button’,
‘event_label’: ‘contact_us’
});”>
お問い合わせはこちら
</a>
🔍 コードの記載内容はどういう意味？
書いてある内容を少し解説します。
event: イベントの種類（GA4では何でも “event”です）event_category: 分類（例: button, link, downloadなど）event_label: 内容（クリックされたボタン名など分かりやすい名前にしておきましょう）
✅ 設置のポイント
イベントを設定するにあたっての、ポイントは以下のとおりです。
<a>タグや<button>タグにonclickを追加する- JavaScriptが動作する環境（AMPでは不可）であることを確認
- イベント名・カテゴリ・ラベルはわかりやすい名前にする
Step 6：Googleアナリティクスでクリック数をカウントした結果を確認しよう
とうとうサイトのStepです。
これまで設定してきた内容について、確認をしていきます。具体的には、カスタムイベントや拡張計測機能で収集したクリック数は、GA4の管理画面で確認することになります。
✅ リアルタイム確認方法（動作チェック）
確認方法としては、以下のとおりです。
- GA4にログイン
- 左メニュー「レポート」→「リアルタイム」を画面表示しておきます。
- 自分のサイトを自分で開いて、対象のボタンやリンクをクリックしてみましょう。
- その結果、「イベント」欄に
clickやcontact_usなどが表示されれていれば、無事イベント設置や設定変更に成功しています！
✅ イベント一覧の確認方法
イベント一覧を確認したい場合は、以下の手順で確認することが可能です。
- 左メニュー「レポート」→「エンゲージメント」→「イベント」
- 記録されたイベント名が一覧で表示される
- イベントごとのクリック数やユーザー数も確認可能
よくある質問（FAQ）
最後に、よく発生するような事象についてまとめてみました。「あれ？」って思いましたら、参考にしてみていただければと思います。
Q1. なぜクリック数が表示されないの？
- タグの設置ミス、JavaScriptの無効化、測定IDの入力ミスなどが原因として考えられます。再度確認してみましょう。
- イベントが反映されるまでに少し時間がかかることもあります。
30分～1時間程度反映に時間がかかることもあるようです。
Q2. 外部リンクのクリックはすべて自動で取得できますか？
- はい、「拡張計測機能」が有効なら、外部リンクのクリックは自動で取得できます。
Q3. プラグインと手動コード、どちらがおすすめ？
- 初心者はプラグインでGA4を導入＋拡張計測で自動取得がお手軽ですね。まずはこちらから始めてみるのがよいのではないでしょうか。
- 特定のイベントを追っかけたい場合は、手動でコード追加がおすすめです。チャレンジしてみましょう。
まとめ
いかがでしたでしょうか？
Googleアナリティクス（GA4）を使えば、クリック数やボタンの反応を簡単に把握できます。
- GA4の拡張計測機能を使えば、外部リンクやPDFのクリックは自動で記録されます
- WordPressには「WPCode」などのプラグインを使えば、簡単にGA4タグを埋め込めます
- より詳細なクリックトラッキングをしたい場合は、カスタムイベントの設定も可能です
クリック数を知ることは、ユーザー行動の可視化＝コンバージョン改善の第一歩です。
ぜひこの記事を参考に、クリック数をカウントしてみて、あなたのサイト改善に役立ててください！
こちらもよろしければご参考に
コメント