谷歌分析跟蹤在模式內的AJAX形式

Question

我意識到類似的職位已經解決了這個問題，但除了AJAX模式的附加元素似乎沒有解決，我相信這是我的問題。所以，我在我的網站上有一個模式表單。表單的按鈕位於標題內。我試圖讓Google Analytics（分析）跟蹤何時提交表單。

見阿賈克斯在這裏：

$(document).ready(function() { 
$('form').submit(function(e){ 
    e.preventDefault(); 
    var f = $('#modalForm'); 
    $.ajax({ 
     type: "POST", 
     url: "mail/modalFormSubmit.php", 
     success: function(){ 
     $('form').hide(); 
     $("#modalSignup").html("<p><i class='fa fa-check'></i> Thank you for contacting us!</p>"); 
     _gaq.push(['_trackEvent', 'Goal', 'submit', 'Modal Submit']);    
     }, 
     data: f.serialize() 
    }); 
});  
}); 

我已經添加了模型中的GA跟蹤代碼在這個時候，當我將其直接插入標頭，我只要從網站上的其他網頁誤報：

<!-- Modal --> 
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> 
<div class="modal-dialog" role="document"> 
<div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button> 
    <h4 class="modal-title" id="myModalLabel">Quality Products and Solutions</h4> 
    </div> 
    <div class="modal-body"> 
    <form id="modalForm" name="modalForm" method="post" action=""> 
       <label>Name <span class="color-red">*</span></label> 
       <div class="row margin-bottom-20"> 
        <div class="col-md-7 col-md-offset-0"> 
         <input type="text" name="name" class="form-control" required> 
        </div>     
       </div> 

       <label>Email <span class="color-red">*</span></label> 
       <div class="row margin-bottom-20"> 
        <div class="col-md-7 col-md-offset-0"> 
         <input type="email" name="email" class="form-control" required> 
        </div>     
       </div> 

        <label>City <span class="color-red">*</span></label> 
       <div class="row margin-bottom-20"> 
        <div class="col-md-7 col-md-offset-0"> 
         <input type="text" name="city" class="form-control" required> 
        </div>     
       </div> 

       <label>State <span class="color-red">*</span></label> 
       <div class="row margin-bottom-20"> 
        <div class="col-md-7 col-md-offset-0"> 
         <input type="text" name="state" class="form-control" required> 
        </div>     
       </div> 

       <label>Phone Number </label> 
       <div class="row margin-bottom-20"> 
        <div class="col-md-7 col-md-offset-0"> 
         <input type="tel" name="tel" class="form-control" required> 
        </div>     
       </div> 

       <label>Message <span class="color-red">*</span></label> 
       <div class="row margin-bottom-20"> 
        <div class="col-md-11 col-md-offset-0"> 
         <textarea rows="8" name="message" class="form-control" required></textarea> 
        </div>     
       </div> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       <button type="submit" class="btn-u">Send Message</button> 


      </form> 
     <div id="modalSignup"></div> 
     <script type="text/javascript"> 
     var _gaq = _gaq || []; 
     _gaq.push(['_setAccount', 'xxxxxx']); removed for Stack overflow submittal 
     _gaq.push(['_trackPageview']); 

     (function() { 
     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 
     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 
        })(); 
     </script> 


    </div> 
    </div> 
    </div> 
    </div>  

我確定我甚至不需要模態內的跟蹤代碼，但我嘗試儘可能多的變量。我再次道歉，如果這是多餘的，但我無法找到解決這個具體問題的網站上的任何東西。

Answer 1

代碼和邏輯看起來正確。這裏有一些想法：
1.你確定成功函數在表單提交時觸發嗎？
2.模式來自哪裏，它已經在頁面上並被隱藏/顯示，或者它是遠程加載的？如果是後者，它可能不知道在父頁面中設置的變量。
3.當窗體上的回調運行時，_gaq可能不會被定義。你是否檢查過控制檯中的錯誤或在成功函數中設置斷點以查看發生了什麼？