如何在jQuery提交代码中添加Google Analytics网页浏览跟踪?

时间:2014-05-01 16:58:55

标签: php jquery html google-analytics

我想在我的联系表单中为分析添加ga('send', 'pageview', '/contact-successform');代码,但这是我第一次实现这一点。这是他们发送给我的代码行添加到我的代码中。

我发布的是当前的分析代码,jQuery和我的页面形式,以帮助您了解并向我提供有关添加位置的解决方案?

非常感谢你的帮助。

Google 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>

1 个答案:

答案 0 :(得分:0)

将它放在setTimeout

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