GA4でクリックイベントを設定する方法
GA4でクリックイベントを設定するには、以下2つの方法があります。
- 「拡張計測機能」を利用する
- 「カスタムイベント」を利用する
順番に解説していきます。
「拡張計測機能」を利用する
拡張計測機能を利用してクリックイベントを設定するには、まず左メニューの下にある「管理」をクリックし「データストリーム」を選択してください。
![](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/a9fb908ab34f4b05aef693f0f39404e6/image.png)
次にクリックイベントを設定したいデータストリームを選択し、歯車マーク「拡張計測機能の設定」をクリックします。
![](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/a6cb63d1046544299926987e2cfbe114/image.png)
すると、以下の画面が表示されます。
![](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/dc37227ccc3f41c2b1551ea7f5a57219/image.png)
これで「離脱クリック」「ファイルのダウンロード」などのクリックイベントの設定を変更できます。
拡張計測機能については以下の記事で詳しく解説しているので、興味のある方はぜひ読んでみてください。
「カスタムイベント」を利用する
拡張計測機能で計測できないイベントは、カスタムイベントとして設定します。
カスタムイベントを設定するには、GTM(Googleタグマネージャー)を利用する必要があります。
そのため、カスタムイベントを設定したい方は、GTMのアカウントが必要です。
GTMのアカウントを取得していない方は、以下の記事をご覧ください。GTMアカウントを作成する手順を解説しています。
次で、カスタムイベントを設定する手順を解説していきます。
手順1:GA4の測定IDを取得する
まずは、GA4の測定IDを取得します。
「管理」→「データストリーム」をクリックし、イベントを計測したいデータストリームを選んでください。
右上に「G」から始まる測定IDが表示されるので、コピーしておきます。
手順2:変数を設定する
測定IDをコピーしたら、GTMで変数を設定します。
GTMにログイン後、左メニューにある「変数」をクリックし、右上にある「設定」を選びます。
続いて、以下のようにクリックカテゴリーすべてにチェックをしましょう。
![](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/82dbf8d7d2054fff9ee701299f8566be/image.png)
チェックを打ったら、上にあるバツ印をクリックして閉じてください。
手順3:トリガーを設定する
変数を設定したら、次はトリガーを設定します。
左メニューから「トリガー」を選択し、右上にある「新規」をクリックしてください。
続いてトリガー名を入力し「トリガーの設定」をクリックします。
![](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/a60385e1fe7048d7bab6213656718ef9/image.png)
手順4:「リンクのみ」を選択する
今回は特定のリンクがクリックされた際に計測される設定をします。
右メニューから「リンクのみ」を選んでください。
![](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/53a17b46bfca4a7cab12cb46c16477de/image.png)
次に「一部のリンククリック」を選択し「タグの発信を待つ」にチェックを入れます。
続いて、以下の条件で入力してください。
![](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/30f631c749db402bbe2d736fb1941ac6/image.png)
入力が終わったら、右上にある「保存」をクリックしてください。
手順5:イベントタグを設定する
トリガーを作成したら、次はイベントタグを設定します。
左メニューにある「タグ」をクリックし「新規」を選択してください。
次に、先ほど作成したトリガーをセットします。続いて「タグの設定」をクリックし「Googleアナリティクス」を選択します。
![](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/c57321ab004f45528626ce116f4b30a2/image.png)
「Googleアナリティクス:GA4イベント」をクリックしてください。
![](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/ce479850b43841a89e662a0b9b4efb50/image.png)
すると、以下の画面が表示されます。
![](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/0b14db336f59420a8afb1f19bcd4bf57/image.png)
先ほどコピーした「測定ID」を貼り付け、イベント名に任意の名前を入力します。
今回は「link_click」としました。
入力が完了したら右上にある「保存」をクリックします。
手順6:プレビューで設定を確認する
イベントタグを設定したら、正常に機能するかをプレビューで確認しましょう。
右上にある「プレビュー」をクリックしてください。
すると、以下の画面が表示されます。
![](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/5d20560132c443be92a45f78a7903cab/image.png)
計測したいサイトのURLを入力し「Connect」をクリックしてください。
続いて「Continue」をクリックします。
作成したイベントが「Tags Fired」に表示されれば、正常に機能しています。
手順7:設定したクリックイベントをWebサイトに反映する
問題がないか確認したら、プレビューの横にある「公開」をクリックしてください。
次に、任意のバージョン名を入力します。「バージョンの説明」は入力しなくても問題ありません。
最後に「公開」を押せば、クリックイベントの設定は完了です。
次で、クリックイベントを確認する方法を解説します。
GA4でクリックイベントを確認する3つの方法
GA4でクリックイベントを確認する方法は下記のとおりです。
- レポートで確認する
- 探索レポートで確認する
- リアルタイムレポートで確認する
ひとつずつ解説していきます。
レポートで確認する
レポートでクリックイベントを確認するには、左メニューにある「レポート」を選び「上位のイベント」から「イベントを表示」をクリックしてください。
![](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/1cd88fd3e45c45b099361d1b193b33df/image.png)
これでクリックイベントを確認できます。
![](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/b6f358a865204bf99556ab9d2761f06e/image.png)
探索レポートで確認する
探索レポートでも、クリックイベントを確認できます。
左メニューから「探索」を選択し「空白」をクリックしてください。
![](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/3a3bdbf54a7240f88dbb57ccbc84ac13/image.png)
次に、ディメンションに「イベント名」、指標に「イベント数」を追加します。
最後に「行」にイベント名をセットし「値」にイベント数をセットしてください。
クリックイベントが表示されます。
![](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/624aa621fcfb4f5b941fe14073678ef2/image.png)
リアルタイムレポートで確認する
リアルタイムレポートで確認するには「レポート」→「リアルタイム」を選択してください。
過去30分以内にWebサイトを訪問したユーザーのクリックイベントを確認できます。
![](https://images.microcms-assets.io/assets/3983c24f7cfd4deb92b5e17c17e37709/ac82699ffeca407781805e319c150002/image.png)
まとめ
GA4のクリックイベントは、Webサイトを収益化するうえで重要な指標のひとつです。
クリックイベントを設定するには、下記2つの方法があります。
- 「拡張計測機能」を利用する
- 「カスタムイベント」を利用する
拡張計測機能で計測できないイベントは、GTMを利用してカスタムイベントを設定しましょう。
この記事の内容を参考にして、ぜひクリックイベントを設定してみてください。