GA4イベント計測の失敗例と成功パターンを解説【JavaScriptエラーで動作しない場合の解決策】

2025年8月30日

この記事を書いた人：青山

Web制作エンジニア・マーケター（広告・SEO・アクセス計測・改善提案）・ライター

クリニック・金融・ECなど、様々な業種のSEO運用
D2C販売/リード獲得（Google/Meta広告など、幅広い媒体の取り扱い実績あり）
サイトの立ち上げディレクション〜コーディングまで対応
自社メディア複数立ち上げ・Kindle出版
企業メディアの運営支援、ライティング
100社以上の計測・分析と改善提案

学ぶだけで終わらせない。実務で成果に変える学びをメルマガで配信中。

サイト運営をしていると、GA4を使って「特定のページの特定のボタンのクリック数のみを計測したい」と思う場面があるはずです。

CVポイントとなるCTAボタンや、ユーザー導線を確かめたい特定のリンクのクリックを正しく計測できれば、サイト改善やマーケティング戦略に大きく役立ちます。

ところが実際には、「設定したのにイベントが取れない」、「想定外のクリックまでカウントされる」といったトラブルが少なくありません。

この記事では、私が実際に行ったGA4イベント計測の設定過程をもとに、失敗例と成功したパターンを徹底解説します。

GA4では通常、onclick やGoogleタグマネージャーを使って特定のボタンクリックを計測できます。しかし、JavaScriptエラーがある環境では、正しい書き方をしても計測が動かない場合があります。
本記事では、実際の失敗例をもとに「なぜ計測できなかったのか」「どの方法なら安定するのか」を徹底解説します。

GA4でボタンクリックを計測する

Webサイト運営の現場では、以下のようなケースで「クリック数の正確な把握」が求められます。

ランディングページのCTAボタンの効果測定
「資料請求」「お問い合わせ」「会員登録」などの重要なリンクのクリック数確認
広告LPや記事内リンクのどこが押されているかを把握して改善につなげたい

Googleアナリティクス（GA4）では、自動で一部のクリックを拾えますが、「特定のボタンだけ」を正確に抽出するには、一手間かける必要があります。

今回の事例

例として以下のようなケースを取り上げます。

対象ページ：サービス紹介ページ（例：/service）
計測したいボタン：「資料請求はこちら」
リンク先：https://example.com/document/
目的：このボタンのみのクリック数をGA4で正確に計測する
問題点：JavaScriptのエラーがある（検証ツールのコンソール上で確認）

実際に試した方法と結果

まずは複数の方法を試し、それぞれの結果を整理しました。

方法	内容	結果	コメント
方法①	`<a>`タグに `onclick` 属性を追加し、クリックイベントを送信	失敗	JavaScriptエラーにより動作せず
方法②	JS関数でクリックイベントを送信	失敗	同様にJSエラーで停止
方法③	GA4管理画面で「/service→/document」遷移をイベント化	失敗	特定ボタン以外も計測されてしまう
方法④	URLパラメータを付与してGA4で検知	成功	安定かつ正確に計測可能

通常であれば方法①、②でクリックイベントは計測できます。

今回のケースでうまくいかなかった原因は、サイト全体で読み込まれていた共通スクリプトのエラーにあった可能性が高いです。

JSエラーがあると、後続のコードが実行されない
そのため、onclickや関数で追加したコードも無効化される
「設定したのにイベントが飛ばない」という事象に

方法③は代替手段ですが、ヘッダーやフッターなどからの遷移数もカウントしてしまうため、今回は見送りました。

最終的に採用したのが「URLパラメータを付与してGA4で検知する方法」です。

【実装内容】

HTMLの修正（1箇所のみ）
計測対象ボタンのリンク先に、固有のクエリパラメータを追加。 <a href="https://example.com/document/?from=service_button">資料請求はこちら</a>
GA4管理画面でカスタムイベントを作成
- イベント名：click_document_from_service_button
- 条件：
  - event_name = page_view
  - page_location に ?from=service_button を含む

【結果】