【Google タグマネージャー】これだけは押さえておきたい！鉄板のトリガー3選

Google タグマネージャー（以下、GTM）は、ウェブサイトのアクセス解析や改善の効率化に欠かせないツールです。
しかし、その設定には技術的な知識も必要となり、苦手な方も多いようです。

本記事では、GTM における「トリガー」の設定に注目し、初心者でも必ず押さえておきたい3つのトリガーについて解説いたします。

目次

• トリガーとは
• ページビュー トリガー
  • ページビュー トリガー「ページビュー」の定義
  • ページビューの設定例
  • 「Page URL」と「Page Path」の違い
  • ページビューとよく似たトリガー
• クリック トリガー
  • クリック トリガーの定義
  • クリック トリガーの設定例
  • Click 関連のイベント変数一覧
• 要素の表示 トリガー
  • 要素の表示トリガーの定義
  • クリック トリガーの設定例
• さいごに

GTM におけるトリガーとは、タグを配信する条件のことです。
GTM ではトリガーで設定した条件に応じて、タグが配信されます。
トリガーは、フォームの送信やボタンのクリック、ページビューなどの様々な種類のイベントを組み合わせて条件を設定します。

現在、GTM には大きく11種類のトリガーがあります。

ただし、すべてのトリガーを使うタイミングは均等ではありません。
この中でも多用するトリガーは3種類前後です。

以降の章では、アクセス解析やウェブサイトの改善で利用されることの多い以下の3つのトリガーについて、定義と設定例を順に解説していきます。

ページビューとは、「ページビュー トリガー」のひとつで、ウェブブラウザがページの読み込みを開始するとすぐにタグを配信するトリガーです。
広告計測タグやGoogleアナリティクスのトラッキングコード、その他MAツールのビーコンなど、様々なタグでページビューが利用されます。

ページの読み込みに関するトリガーは他にもありますが、それらの違いについては後述いたします。

ページビューはトリガーのタイプ「ページビュー」カテゴリの中にあります。

ページビューを使用する場合、主に条件として使用するのは「Page URL」または「Page Path」を利用します。
つまり、どのページを読み込んだ時にタグを配信するのかを指定します。

例では、ページビューの条件として「Page URL」に「sitest.jp/lp/」を含む場合を設定しました。
この場合は、その名の通りURLに「sitest.jp/lp/」を含むページが読み込まれたらタグを配信するというトリガーとなります。

URLを指定するための条件設定の変数には「Page URL」と「Page Path」の二種類があります。
簡単に説明すると以下の通りです。

ページビュー トリガーの中には、ページビューとよく似たトリガーがあります。

DOM Ready

DOM Ready とは、簡単に言うと「HTMLの要素を全て読み込み完了したらタグを配信する」というトリガーです。
ページビューはHTML含むページの読み込みが開始した時にタグが配信されるため、タグの配信順序はページビューに比べて DOM Ready のほうが遅くなります。
DOM Ready はヒートマップツールなどHTMLの要素が表示された後に配信したいツールのタグなどが主な利用用途になります。

ウィンドウの読み込み

ウィンドウの読み込みは、HTMLの要素、というだけでなく、画像やスクリプトなどの埋め込みリソースを含め、ページのすべてが完全に読み込まれた後にタグを配信します。
そのため、上記の DOM Ready よりもさらにタグの配信順序は遅くなります。

クリック トリガーとは、ページ上の任意の要素がクリックされたときにタグを配信するトリガーです。

主な利用用途は、Googleアナリティクスのイベント計測など計測関連に加えて、クリック時にポップアップを表示するなど、応用範囲は幅広いです。

なお、ページビューと同様にクリックトリガーにもトリガーのタイプが複数あります。

すべての要素

クリック トリガーのトリガータイプ「すべての要素」は、画像やテキスト、リンクなど、すべての要素に対するクリックイベントを対象とします。

リンクのみ

クリック トリガーのトリガータイプ「リンクのみ」は、aタグ要素へのクリックイベントのみを対象とします。

本記事では「すべての要素」を使用して設定していきます。
ただし、「リンクのみ」を選択しても、設定方法は大きく変わりません。

クリック トリガー「すべての要素」はトリガーのタイプ「ページビュー」カテゴリの下に位置します。

クリック トリガーで設定する主な条件は、どの要素をクリックしたらタグを配信するか、という条件です。
また、GTM のヘルプを見ると、以下のようにクリック トリガーのイベントを設定する際にはページURLの条件も合わせて設定する事が推奨されています。

 
実際の設定例は以下の通りです。

「Page URL」と「Page Path」のように、Click に関連するイベント変数も複数あります。
それぞれ参照するものが異なりますので、定義の違いを押さえておきましょう。

要素の表示トリガーは、任意の要素がパソコンの画面内（正確にはウェブブラウザのビューポート）に表示された場合にタグを配信します。

最も利用される方法は「読了率の計測」です。
記事ページの下部にある特定の要素が表示されたら読了とみなしイベントとして計測する、というような利用方法です。
その他にも、サンクスページがない場合やURLが変化しない場合のコンバージョン計測等にも利用される場合があります。

「要素の表示」トリガーは「ユーザー エンゲージメント」のセクション内にあります。

「要素の表示」トリガーを利用するときの主な設定内容は「どの要素がどれくらい表示されたらタグを発火させるか」です。

選択方法

選択方法は「ID」または「CSS セレクタ」を選択します。
いずれもHTML内における要素をしているもので、ウェブブラウザの開発者モードから確認できます。

開発者モードの利用法については以下の動画で詳細を解説しています。

要素ID または 要素セレクタ

要素を指定するIDまたはセレクタを記入します。

このトリガーを起動するタイミング

以下の3つの選択肢から選択します。

「1 ページにつき 1 度」が最も起動する回数が少なく、「各要素が画面に表示されるたび」が最も起動する回数が多くなります。

読了率の計測であれば、「1 ページにつき 1 度」を選択します。

視認の最小割合

「要素がどれくらい画面に映ったら要素が表示されたとみなすか」を設定する項目です。

この項目は、0〜100の間の数字で設定します。
例えば50で設定した場合にはその要素が半分表示されたら要素が表示されたとみなされてタグが発火します。

実際の設定例は以下の通りです。

以上、GTM で頻繁に利用するトリガーを3つご紹介しました。
それぞれのトリガーの代表的な利用例は以下の通りです。

GTM は様々な設定がありますが、応用範囲は広く利用方法を覚えることでWebマーケティングの施策の幅も広がります。
GTM を活用するためのステップとしては以下の3つがポイントです。

ぜひ、アクセス解析などのWebマーケティングに GTM をご活用ください。

↓チャンネル登録もよろしくお願いします！