フォームの送信をトリガーにして、コンバージョン計測したい人も多いかと思います。Googleタグマネージャ（以下GTM）を使った、フォーム送信検知で気をつけたいことを紹介します。
追記：2016年2月16日 フォーム送信トリガーの挙動を追記・修正致しました。ご指摘ありがとうございました。
関連記事
＞＞タグマネージャー | カグア！Googleアナリティクス解説Blog
＞＞Googleアナリティクス応用：GTMで日ごとに変えるバナーA/Bテスト
＞＞Googleタグマネージャに予め設定しておくと便利な変数12本
フォーム送信で発火させるとは
たとえば、上図のようにメールアドレスを登録などのフォーム送信時。
送信完了ページに、コンバージョンを設定できれば良いのですが、別ASPだったり、別ドメインだったり、システム上いじれなかったりと、CV設定がうまくいかないケースも多いものです。
そんなときは、上図の「送信ボタン」、タグとしては、input type=”submit” を、Googleタグマネージャ（GTM）のフォーム送信トリガーで検知して、Googleアナリティクスでイベントトラッキングなどをすれば、簡単にコンバージョン計測ができます。
完了ページをゴールにするのではなく、フォーム送信ボタンクリックをゴールにする、という発送の転換ですね。
フォーム送信トリガーでは発火しないケースもある
さて。GTMのトリガーには「フォーム送信」というトリガーがあります。SUBMITに反応しそうな雰囲気を醸し出していますので、さくさくっとこんな感じに作ります。
でも、2016年2月時点では、これは INPUT TYPTE=”SUBMIT” には、発火しません発火しないケースもあるようです。 どういうときに使いのかは、ちょっとよくわかりません。
では、上記以外で、フォーム送信に発火させるには、どういうトリガーを組めばいいのか。答えはつぎです。
CSSセレクタでSUBMITを検知する
Googleアナリティクス公式フォーラムで山田さんが指摘してくれていました。
＞＞タグマネージャーでフォーム送信ボタンにイベントトラッキングの設定をしたい – Google プロダクト フォーラム
クリックトリガーで、CSSセレクタで INPUT[TYPE=”SUBMIT”] にフックさせるんですね。
これで、無事、SUBMITでタグが発火します。
ただ、今後改修されて、前述の方法でもとれるようになるかもしれませんけれどね。とりあえず現状ではCSSセレクタを使いましょう。
あとは、このトリガーでGoogleアナリティクスのイベントタグを発行して、そのイベントを目標設定すればOKです。
追記：フォーム送信トリガーの挙動
準備：POST形式でSUBMIT送信。
１．変数：Form関連の変数にすべてチェック。
２．トリガー：フォーム送信。すべてデフォルト。
３．タグ：ユニバーサルアナリティクス「フォームをデコレート」
＞＞クロスドメイン トラッキング – Tag Manager ヘルプ
公式ヘルプ通りやってみました。
挙動としては、FORMのACTIONで指定されているURLが、FormURL変数で取得。そこに、?_ga=1.2.xxxxx というリンカーパラメーターが付きました。
つまり、フォーム送信トリガーでもリンカーがつくこともある、ということでした。失礼しました。
場合に依るんではないかなあ。基本機能が全く使えないということは考えにくいし、今テストしたら自分のサイトでは動作する。しかし引き出しを多く持っておくことは重要だ 「Googleアナリティクス応用：GTMでフォーム送信トリガーの設定」 https://t.co/Gs5TWJoY5d
— 衣袋 宏美 (@hibukuro) 2016, 2月 15
＞＞「フォームをデコレート」が機能している人はいますか？ – Google プロダクト フォーラム
GTM内の実装を見る感じでは、フォームの送信方法が「POST」なのか「GET」なのかで大きく処理が変わっていました。POSTの場合、
衣袋さん、山田さん、ご指摘・解説、ありがとうございました。
フォームのSUBMITでクロスドメイントラッキングを、Googleタグマネージャで実装するときは、サイトごとに開発案件ということですねえ。難しい。
まとめ
フォーム送信は、コンバージョンとしては定番なので、ぜひともマスターしましょう。
とはいえ、Googleタグマネージャは、実際に試してみないとわからないことも多いため、タグマネジメント担当者は、うかつに「出来ます」とは言わないようにしましょう。
タグマネジメントには、かならず調査費用を含め、イエスノーの2通りの見積もりや手立てを忘れないようにしましょう。
・ ・ ・ ・ ・
＞＞安っ！アマゾンで半額以下になっている食品タイムセール
セール特設ページを見る
↓↓↓無料のニュースレターを配信中です
