HTMLで要素IDのないGoogleタグマネージャのイベントを設定する

Question

Googleタグマネージャで、フォーム送信時にanalyticsイベントを設定しようとしています。理想的には、フォーム提出イベントのGTMによる設定にはフォームIDが必要ですが、HTMLページには要素IDが定義されていません（フォームIDはありません）。

HTMLで定義された要素IDのないイベントをキャプチャする方法はありますか？

Answer 1

これは、実行するルートによって異なります。ただし、ルートに関係なく、フォームや提出ボタンを特定するものが絶対必要です。 IDである必要はありませんが、ユニークなラッパークラスまたはIDがあれば理想的です。

提出ボタンのクリックをトラッキングすることはできますが、数字は完全に正確ではありません。たとえば、フォームに必要なフィールドがあり、誰かが送信ボタンをクリックした場合、フォームは送信されません。しかし、タグは関係なく発動します。つまり、トラッキングクリックは簡単な解決策になり、ウェブフォームがどの程度のインタラクションを行っているかを知ることができます。

送信ボタンでトラッキングを実装するには、「カスタムHTML」タイプの新しいタグを追加します。次の挿入：HTML要素は、「＃提出-BTN」IDが（これはクラスまたはIDすることができます）をクリックすると関連するたび

<script> 
    (function ($) { 
    $(function() { 
     $('#submit-btn').click(function() { 
     dataLayer.push({ 
      'event': 'GAEvent', 
      'eventCat': 'Form Submissions', 
      'eventAction': 'Form Submission Action', 
      'eventLabel': 'Form Submissions Label', 
      'gaNonInt': false 
     }); 
     }); 
    }); 
    }(jQuery)); 
</script> 

基本的には、この機能はGAにデータをプッシュします。私の場合、そのIDは、<button>という要素の形式に添付されていました。

これを機能させるには、event、eventCat、eventActionなどの変数を設定する必要があります。

私はGTM内のJQueryでのみ動作しますが、フォームのクリックをトラッキングする別の方法があるとします。さらなる支援が必要な場合は、私のプロセスをより詳しく説明することができます。それ以外の場合は、幸運！