GA4と旧アナリティクスタグでのイベント送信方法の差異について調べてみた

GA4で特定のリンククリックをイベントとして認識するための送信コードは、あまり例示されていません。
そこで、旧アナリティクスタグとの違いをお伝えします。

なお、GA4はコードを記述しなくても特定のリンククリックをイベントとして認識できます。
その方法もお伝えします。

送信コードの記述方法

特定のリンククリックでイベントを送信するには、Webページのリンクタグにonclick属性を追加します。

リンクタグにonclick属性設置したひな型パターン

<a href="遷移先URL" onclick="送信コード">リンクテキスト</a>

今回の主題となっているのが、上のコード中の送信コードがユニバーサルアナリティクスタグ（旧タグ）とGA4でどのような違いがあるかです。
そこで各タグの送信コードを挙げてみます。

なお挙げたコード内の青文字は、任意の文字を指定することを意味しています。
また、onclick内に記述するときは改行は必要ありません。

gtag( 'event' , アクション名, {
    'event_category' : カテゴリー名,
    'event_label' : ラベル,
    'value' : 値
});

'event_label'と'value'の行は省略できます。

gtag( 'event' , イベント名, {
    パラメーター1 : パラメーター値1,
    パラメーター2 : パラメーター値2,
    パラメーター3 : パラメーター値3,
});

ここではパラメータを3つ定義していますが、実際は任意の数を指定できます。

どちらもgtag関数を使用してアナリティクスにイベントを送信しています。
各引数の配置も同じです。
旧タグ用に作成した送信コードは、そのままGA4でも機能します。

異なるのはアナリティクスに送った後、アナリティクスが受け取ったデータをどのように使用するかの違いでしかありません。

GA4はコードをWebサイトに組み込まなくても、アナリティクス上で特定のクリックをイベントとして認識できます。

Webサイトへのコード組み込みはプロのプログラマでもミスをすることがあります。
アナリティクス上だけで設定できるなら、そちらを使用したほうがいいですね。

(1) メニューからイベントを選択し、「イベントを作成」ボタンを押す。

(2) カスタムイベント名に自分が割りやすい名前を入力します。

(3) 一致する条件の一行目（①）に次の値を選択または入力します。

パラメータ：event_name
演算子：等しい
値：click

(4) 「条件を追加」を押して、一致する条件の行を増やします。

(5) 増やした行にリンクタグの情報を入力します。

次のリンクタグを例として、各パラメーターを解説します。

<a id="①" class="②" href="③">リンクテキスト</a>

解説中の位置は次のようになっています。

<a id="abc" class="aaa bbb ccc" href="https://affi-sapo.com/3216/">リンクテキスト</a>

■GA4の特定リンククリックイベント設定
パラメータ	演算子	値の例	解説
link_id	等しい	abc	①の値が一致します
link_classes	含む	bbb	②の値と一致します。どれか一つのクラスが含まれているか確認したい場合は演算子に「含む」を指定します
link_url	等しい	https://affi-sapo.com/3216/	③の値と一致します
link_domain	等しい	affi-sapo.com	③のドメインと一致します
page_location	等しいまたは含む	リンクがある対象ページ	クリックしたページのURLです