2022/01/15 （最終更新日：2022/09/16）

【GTM】フォームの送信をトリガーに設定する方法【実際の画面付きで解説】

※本サイトはアフィリエイト広告を利用しています。

【GTMでフォームの送信をトリガーに設定したい人】

「Googleタグマネージャー（GTM）で、”フォームの送信”をトリガーとして設定する方法が知りたいなぁ。」

こういった疑問に答えます。

この記事を書いている僕は、
元々はエンジニアをしており、
現在はWebマーケ業界で
日頃からGTMを扱っています。

そんな僕が今回は、GTMを使って
『フォームの送信』をトリガーに設定する方法についてまとめました。

実際の画面も載せて、初心者の方でも
分かりやすいように解説したので、
ぜひ最後まで読んで、GTMの設定の幅を広げてください。
（※3分ほどでサクっと読めます。）

【GTM】フォームの送信をトリガーに設定する方法

では順番に解説していきます。

まずは、左のメニューから
『トリガー』を選択し、『新規』をクリックします。

トリガーを新規で作成

トリガーのタイプで
『フォームの送信』を選択し、
トリガーの名前に任意の名前を入力、
残りの項目も以下を参考に埋めて
右上の『保存』を押したら完成です。

『フォームの送信』トリガー作成画面

上記の画面内で、
[タグの配信を待つ] に
“必要に応じて✓を入れる”
と記載がありますが、
こちらは後ほど紹介する“条件”
を指定すれば、チェックは入れなくてOK。

「このチェックボックスをオフにすると
送信ボタンをクリックする度に発火する」
という旨の記載がありますが、
こちら実際に試してみたところ
そのような事にはならなかったのでご安心を。

では、[一部のフォーム]を選択すると
その下部に表示される条件について、もう少し深堀りします。

タグマネージャーヘルプによると、
フォーム送信トリガーが発生した際に
以下の組み込み変数（GTMに元から用意されている変数）が使えるとのこと。

おすすめの条件が、汎用性のある
上記6つのいずれか1つと『Page URL』の組み合わせ。

ちなみに、ここで指定する
『Page URL』に関しては、
サンクスページのURLではなく
フォームを送信する際のページURLだという点に注意してください。

また、先ほど紹介した
『Form Element』ですが、
こちらも勘違いする人が多く、
それが、ここで指定するのは
フォーム内の送信ボタン等ではなく、
以下のようなform要素だという点。

<form method="post" class="" id=""></form>

繰り返しですが、フォーム内の
送信ボタンなどを指定しても発火しないので注意してください。

簡単ではありましたが、
今回はこんな感じで終わります。

GTMの設定に関しては
以下の記事でも解説しているので、合わせてご覧ください😌

合わせて読みたい記事