Googleタグマネージャーで、外部サイトへの遷移を計測

2023年1月23日2023年4月7日

先日、WEB制作会社さんから、下記の内容を実装するのに、50万円という見積を頂きました。

Universalアナリティクスの設置

ダウンロードファイルの計測

外部サイトへの遷移計測　←今日はこれやります。

mailto・tellの計測

複数ドメイン計測

50万円なんて、出せないので自分で行うことにします。

ちなみにワードプレスなら「Google Analytics Suite」で同様のことが可能です。

やり方は以下のとおり

1：リンクのクリックを感知するタグを、全ページに配置（GTMでは、タグ　>　タグの種類：リンククリックリスナー）

2：クリックされたURLを読取る（GTMでは、変数 > 変数のタイプ：自動イベント変数　>　変数タイプ：要素URL）

3：リンクがクリックされて、なおかつそのURLが自分のサイト以外だったら、Universalアナリティクスへ情報を送る

1：まずは1のリンククリックを感知するタグを作成します。

新規作成で、タグを選択。

①タグ名は何でも良いですが、Listen for Link Click　にしています。

②タグの種類はイベントリスナー

③リンククリックリスナーを選択

④検証確認はナシでもOKです。私はタグを最大1000ミリ秒待　で　検証は無しにしています。

⑤配信のトリガーですべてのページを選択

そして保存。

2：クリックされたURLを読取る変数を作成します。

新規作成で変数を選択。

①変数名は何でも良いですが、Auto Event URL　にしています。

②自動イベント変数を選択

③変数のタイプは要素URL

④要素タイプはURL全体

そして保存。

3：リンクされたURLが自分のサイト以外だったら、Universal Analyticsに情報を送る

いよいよ最後です。

新規作成でトリガーを選択。

①トリガー名は何でも良いですが、Event Outbound　にしています。

②カスタムイベントを選択

③イベント名はgtm.linkClickと記載

④条件先ほど2で作成した、変数名（Auto Event URL）を選択　>　正規表現に一致　>　^http.*　を入力

^http.*　は、http　もしくは　httpsを含URLという意味

もう一度2で作成した、変数名を選択　>　含まないを選択　>　自サイトのドメイン名を入力

https://www.sample.comの場合は、sample.comでOK。

そして保存。

あと少しで完了です。

3で作成したトリガーを元に、UniversalAnalyticsに情報を送るタグを作成します。

新規作成でタグを選択。

①タグ名は何でも良いですが、GA_Outbound　にしています。

②タグの種類は　Googleアナリティクス

③ユニバーサルアナリティクスを選択

④トラッキングIDはUA-xxxxxx-x（計測したいサイトに入れてある、ユニバーサルアナリティクスのID）
　トラッキングタイプはイベントを選択
カテゴリ名はOutbound
　ラベルのところに、2で作成した変数（Auto Event URL）を選択（アクションのところに入れてもOKです）

⑤配信するタイミングはその他を選択し、3で作成したトリガー（Event Outbound）を適用

保存で完了です。