如何在jQuery提交代碼中添加Analytics pageview跟蹤？

我想在我的聯繫表單中添加用於分析的代碼ga('send', 'pageview', '/contact-successform');，但這是我第一次實施此操作。這是他們發送給我的代碼中添加的代碼行。如何在jQuery提交代碼中添加Analytics pageview跟蹤？

我在分析，jQuery和我的頁面的窗體的當前代碼下面發佈，以幫助您理解並向我提供解決方案，以便在何處添加此代碼？

非常感謝您的幫助。

Analytics（分析）代碼

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 
    ga('create', 'UA-XXX', 'XXX'); 
    ga('require', 'displayfeatures'); 
    ga('send', 'pageview');

jQuery代碼

$(document).ready(function() { 
    $("#contactform").submit(function() { return false; }); 
    $("#apostoli").on("click", function(){ 
      $("#apostoli").replaceWith("<div id='apostoli'><em>please wait</em></div>"); 
      $.ajax({ 
       type: 'POST', 
       url: 'sendmessage-contact.php', 
       data: $("#contactform").serialize(), 
       success: function(data) { 
        if(data == "true") { 
         $("#apostoli").fadeOut("fast", function(){ 
          $(this).before("thank you"); 
          setTimeout("$.fancybox.close()", 3000); 
         }); 
        } 
       } 
      }); 
    }); 
});

HTML表單

<form id="contactform" name="contact" action="#" method="post"> 
    <input type="email" class="emailaddr" id="emailaddr" name="email"> 
    <button id="apostoli" class="button" >contact</button> 
</form>

來源

2014-05-01 EnexoOnoma

也許這可以幫助你？ http://www.aljtmedia.com/blog/tracking-asynchronousajax-website-events-with-google-universal-analytics/ – agrm

只是把我t setTimeout後

setTimeout("$.fancybox.close()", 3000); 
ga('send', 'pageview', '/contact-successform');

來源

2014-05-01 17:24:41 user2886325

如何在jQuery提交代碼中添加Analytics pageview跟蹤？

回答

相關問題