GTMでフォーム送信を追跡する

画像



みなさんこんにちは!



簡単な紹介:



有能な開発者がいて、Google Tag Managerの標準トリガー「Form Submission」を使用してサイトのフォームを追跡したり、ハンドラーにイベントを埋め込んだりできる場合、心からen望します。 今日は別のケースを検討しています。



問題:



最近、フォームを送信した後、ユーザーが新しいページにリダイレクトされる状況に遭遇することは、ますます少なくなっています。 通常、すべての操作は同じアドレスで発生します。 つまり、AJAXテクノロジーを使用してデータを送信します。



統計を追跡するための不正確で効果のない方法は常に存在します。



前に「刈られた」ように:



以前は、フォームは個々のページアドレスで追跡されていました。 存在しない場合、開発者にフォームのロジックを変更するよう依頼しました。



今すぐ「刈る」方法:



比較的新しい技術により、ページをリロードせずにデータを送信できます。 これにより、フォームの送信を追跡するための問題が発生します。変更されたリンクの代わりに、ボタンの押しを追跡し、送信の事実を追跡しません。



そのようなアプローチの利点:



•簡単に目標を設定できます。 これを行う方法がわからない場合は、すぐに把握できます。

•その他のアプリケーション* sarcasm *。



短所:



•完了した目標は、アプリケーションの数と一致しません。 この場合のエラーは、平均で20〜30%です。

•トラフィックソースのパフォーマンスに関するデータも正確ではありません。



さらに、フォームを送信するイベントを正しく送信するためにサイトコードを変更する必要がある場合、問題が発生します。



•クライアント開発者は、何を、どのように、どこで修正すべきかを知りません。 この問題は非常に一般的です。

•サイトがサードパーティプラットフォーム(ネットハウス、インセール、wix、LPgeneratorなど)にある。 それらは、コードを迅速に変更する機能を常に提供するとは限りません。



フォームの送信をオンラインで追跡する方法は多数あります。 しかし多くの場合、彼らはあまりにも個性的であるか、常に機能するとは限りません。



私たちが使用するすべてのサイトで機能するソリューションについてお話したいと思います。 イベントは、フォームが正常に送信された場合にのみ送出されます。



解決策:



1. GTMコードを生成して、Google Tag Managerの要件に従ってサイトにインストールする必要があります: tagmanager.google.com



2.トリガーのあるタブで、新しい「DOM Model Ready」を追加します。



画像



3. 「タグ」タブで 「カスタムHTML」タイプの新しいタグを作成し、前の手順で作成したものをトリガーとして選択します。



画像



コード自体:



画像



フォームの送信を追跡するのに役立ちます。 コードの詳細については、 vk.cc / 6Au3Jjをご覧ください。



4.次に、成功データの変数を作成します。



取り出す変数を見つけるには、次のことを行う必要があります。

-フォームに記入して送信する



画像



-ブラウザコンソールを開き、リクエストをデータレベル(ほとんどの場合、引用符なしの「dataLayer」形式)に送信します。 その後、いくつかのオブジェクトが表示されます。



画像



この特定のケースでは、2つの「ajaxSuccessData」オブジェクトがあります。 最初のURLは、メッセージの送信に関する「通話リンク」です。 2番目は、「アプリケーションが送信されました」というメッセージのブロックをページに表示します。



同様のデータが表示されていませんか? GTMコードが異なるデータレベル名を使用している可能性があります。



GTMコードでレベル名を確認できます。



画像



5.変数を作成します:GTM→変数→作成



前のスクリーンショットでは、「成功」ステータスのみが対象です。responseTextデータレベル変数ではtrueであり、これはajaxSuccessDataコンテナー内にあります。



画像



この場合、成功ステータスをどのように確認しますか:true? フィールドには、指定されたレベル変数の名前を、名前のドットで入力する必要があります。



ajaxSuccessData.responseText



変数自体の名前は任意です。



画像



6.トリガーを作成します。



-トリガー名は話す必要があります。

-トリガーのタイプ「カスタムイベント」

-イベントの名前は「ajaxSuccess」です。



画像



-一部のページでのアクティブ化:変数がフォームの正常な送信に関するデータを受け取る場合のみ。



いずれの場合も、いくつかの形式があります。 それらを分離する必要がある場合は、送信時に送信される他のデータを使用できます。 私たちの場合、それは着陸であり、このアプローチで十分でした。



画像



7.トリガーの作成後、Metrics and Analyticsのイベント送信タグを作成できます。



注:アナリティクスのスクリーンショットでは、別の変数を使用して識別子を示したり、それを使用したり、手動で識別子を指定した場合、トラッキング識別子は変数を介して設定されます。 ただし、最後のオプションは推奨されません。



画像



画像



サイトは異なりますが、上記のアクションのシーケンスは誰にとっても同じです。



目標を正しく追跡し、売上をZenに届けましょう!



投稿:Pavel Mrykin、デジタルエージェンシーの自動化および分析部長



All Articles