javascript - Ajax google analytics event tracking in html page not working - Stack Overflow

admin管理员组

文章数量:1434929

Following is the Google Analytics code added just before close of /head in html page.

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-xxxxxxxx-x']);
_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/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

Following is where I am calling the event... when successful or failed...

$.ajax({
    url: "/xxx/xx/",
    type: "POST",
    data: { name: q, seme: o, profile: x }
    datatype: "html",
    success: function (f) {
        _gaq && _gaq.push(["_trackEvent", "contactform", "success", i, p])
},
    error: function (f) {
        _gaq && _gaq.push(["_trackEvent", "contactform", "crash", i, p])
    }
});

But the event is not recorded... I have been waiting to see something from past 4 days.. I have performed few tests but it is not showing up in the analytics... Am I doing anything wrong? Do I have to add any extra line in Google Analytics main snippet added in head tag?

GA tracks the normal data but not these event.

Following is the Google Analytics code added just before close of /head in html page.

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-xxxxxxxx-x']);
_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./ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

Following is where I am calling the event... when successful or failed...

$.ajax({
    url: "/xxx/xx/",
    type: "POST",
    data: { name: q, seme: o, profile: x }
    datatype: "html",
    success: function (f) {
        _gaq && _gaq.push(["_trackEvent", "contactform", "success", i, p])
},
    error: function (f) {
        _gaq && _gaq.push(["_trackEvent", "contactform", "crash", i, p])
    }
});

But the event is not recorded... I have been waiting to see something from past 4 days.. I have performed few tests but it is not showing up in the analytics... Am I doing anything wrong? Do I have to add any extra line in Google Analytics main snippet added in head tag?

GA tracks the normal data but not these event.

• javascript
• jquery
• google-analytics

Share Improve this question Follow edited Dec 12, 2011 at 9:47 Reporter 3,93655 gold badges3535 silver badges4949 bronze badges asked Dec 12, 2011 at 9:39 Santosh S KumarSantosh S Kumar 47911 gold badge77 silver badges3232 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 6

I dont understand why you have the line:

_gaq && _gaq.push(["_trackEvent", "contactform", "success", i, p])

and not just

_gaq.push(["_trackEvent", "contactform", "success", i, p]);

or even

if (typeof _gaq != "undefined")
   _gaq.push(["_trackEvent", "contactform", "success", i, p]);

Another trick for knowing when data has been sent correctly is to reference ga_debug.js on Google Analytics' servers rather then the standard ga.js - this will give you Console output and show "Tracking beacon sent!" as well as all the data that has been sent, when it's been successful. I suggest you try that out and see if it helps!

本文标签： javascriptAjax google analytics event tracking in html page not workingStack Overflow