blocks|key|2773348|text|您可以使用jQuery的AJAX事件全局侦听AJAX请求，然后将索引推送到_gaq数组(这似乎是最易维护的方法)：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2773349|$(document).on('ajaxComplete',+function+(event,+request,+settings)+{
++++_gaq.push(['_trackPageview',+settings.url]);
});|code-block|syntax|javascript|2773350|请注意，.on()是jQuery+1.7中的新功能，与本例中的.bind()相同。|2773351|还要注意，我还没有测试为全局AJAX事件传递的参数的内容。|2773352|更新|BOLD|2773353|还可以使用$.globalEval()来解析加载到AJAX响应主体中的脚本：http://api.jquery.com/jquery.globalEval/|2773354|success:+function(data)+{

++++var+dom+=+$(data);

++++dom.filter('script').each(function(){
++++++++$.globalEval(this.text+%7C%7C+this.textContent+%7C%7C+this.innerHTML+%7C%7C+'');
++++});

++++$('#mydiv').html(dom.find('#something').html());

}|2773355|来源：|2773356|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/jquery.globalEval/^0|11|4|0|0|4|5|V|7|0|0|0|2|0|5|E|12|14|0|0|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@$9|16|A|17|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|18|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|19|8|@$9|1A|A|1B|B|C]|$9|1C|A|1D|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|1E|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|1F|8|@$9|1G|A|1H|B|Q]]|D|@]|E|$]]|$1|R|3|S|5|6|7|1I|8|@$9|1J|A|1K|B|C]]|D|@$9|1L|A|1M|1|1N]]|E|$]]|$1|T|3|U|5|H|7|1O|8|@]|D|@]|E|$I|J]]|$1|V|3|W|5|6|7|1P|8|@]|D|@]|E|$]]|$1|X|3|-4|5|6|7|1Q|8|@]|D|@]|E|$]]]|Y|$Z|$5|10|11|12|E|$13|14]]]]

Well you can use jQuery's AJAX Events to globally listen for AJAX requests and then push an index onto the <code>_gaq</code> array (this seems like the most maintainable approach):

<pre><code>$(document).on('ajaxComplete', function (event, request, settings) {
 _gaq.push(['_trackPageview', settings.url]);
});
</code></pre>

Note that <code>.on()</code> is new in jQuery 1.7 and is the same as <code>.bind()</code> in this case.

Also note that I have not tested the contents of the arguments passed for global AJAX events.

UPDATE

You can also use <code>$.globalEval()</code> to parse scripts loaded in an AJAX response body: <a href="http://api.jquery.com/jquery.globalEval/" rel="nofollow noreferrer">http://api.jquery.com/jquery.globalEval/</a>

<pre><code>success: function(data) {

 var dom = $(data);

 dom.filter('script').each(function(){
 $.globalEval(this.text || this.textContent || this.innerHTML || '');
 });

 $('#mydiv').html(dom.find('#something').html());

}
</code></pre>

Source: <a href="https://stackoverflow.com/questions/2699320/jquery-script-tags-in-the-html-are-parsed-out-by-jquery-and-not-executed">jQuery - script tags in the HTML are parsed out by jQuery and not executed</a>

blocks|key|2773392|text|我使用的系统包括:将html作为纯文本请求，首先解析html以将所有脚本标记更改为div，分离这些div，附加页面，然后循环遍历div(实际上是脚本)，并将其内容附加到脚本标记或使用该div上的src创建脚本标记。它与history.js框架示例的实现方式非常相似。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2773393|$.get(urlToLoad).promise().done(function(html)+{
++++var+outHTML+=+html;
++++outHTML+=+outHTML.replace(/<script/ig,+"<div+class='iscript'").replace(/<\/script/ig,+'</script');
++++outHTML+=+$(outHTML);
++++var+scripts+=+outHTML.filter('div.iscript').detach();
++++$content.html(outHTML);
++++scripts.each(function()+{
++++++var+$this+=+$(this),+s+=+document.createElement("script");
++++++if+($this.attr('src')+!=+"")+{
++++++++s.src+=+$this.attr('src');
++++++}+else+{
++++++++s.nodeValue+=+$this.text();
++++++}
++++++$content[0].appendChild(s);+//+jquery's+append+removes+script+tags
++++});
}).always(function()+{
++++$contentclone.replaceWith($content);
++++$content.slideDown();
++++$contentclone.remove();
});|code-block|syntax|javascript|2773394|使用此方法，您可以添加在每个页面上执行跟踪的脚本。我个人更喜欢在全局页面上这样做，就像Jasper建议的那样。|2773395|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I use a system that involves requesting the html as plain text, parsing the html first to change all script tags into divs, detach those divs, append the page, then loop through the divs (that are actually scripts) and append their contents to script tags or create script tags with the src on that div. It is very similar to how the history.js framework example does it.

<pre><code>$.get(urlToLoad).promise().done(function(html) {
 var outHTML = html;
 outHTML = outHTML.replace(/&lt;script/ig, "&lt;div class='iscript'").replace(/&lt;\/script/ig, '&lt;/script');
 outHTML = $(outHTML);
 var scripts = outHTML.filter('div.iscript').detach();
 $content.html(outHTML);
 scripts.each(function() {
 var $this = $(this), s = document.createElement("script");
 if ($this.attr('src') != "") {
 s.src = $this.attr('src');
 } else {
 s.nodeValue = $this.text();
 }
 $content[0].appendChild(s); // jquery's append removes script tags
 });
}).always(function() {
 $contentclone.replaceWith($content);
 $content.slideDown();
 $contentclone.remove();
});
</code></pre>

using this method, you could add the script that does the tracking on each page. I personally prefer to do it on the global page in a way similar to how Jasper suggested.

blocks|key|3616962|text|其他答案已经过时了(截止到2013年)--谷歌推荐使用他们的新Universal+Analytics|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3616963|您可以像这样异步跟踪页面视图：|3616964|ga('send',+'pageview',+'/my-page');|code-block|syntax|javascript|3616965|请参阅：https://developers.google.com/analytics/devguides/collection/analyticsjs/pages#overriding|3616966|entityMap|0|LINK|mutability|MUTABLE|url|https://developers.google.com/analytics/devguides/collection/upgrade/|1|https://developers.google.com/analytics/devguides/collection/analyticsjs/pages#overriding^0|V|J|0|0|0|0|4|2H|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|11|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]|U|$5|P|Q|R|C|$S|V]]]]

The other answers are outdated (as of 2013)- Google's recommends using their new <a href="https://developers.google.com/analytics/devguides/collection/upgrade/" rel="nofollow">Universal Analytics</a>

You can track page views asynchronously like this:

<pre><code>ga('send', 'pageview', '/my-page');
</code></pre>

See: <a href="https://developers.google.com/analytics/devguides/collection/analyticsjs/pages#overriding" rel="nofollow">https://developers.google.com/analytics/devguides/collection/analyticsjs/pages#overriding</a>

I'm changing a big section of a website to use jQuery Address' deep linking AJAX features. I'm using URIs like <code>mysite.com/#!/page1/subpage/</code> and so on.

I've read a good bit about tracking traffic with the <code>_gaq.push()</code> function, but I was wondering if it was possible to do it in a bit more traditional fashion...

Each AJAX request calls a PHP function that builds a page and returns it in an <code>&lt;HTML&gt;</code> wrapper, which lets me easily define custom page titles and so on.

If I put the analytics code on that page, will jQuery calling that page trigger it to track the visit?

Using Google Analytics to track AJAX requests

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在更改一个网站的一大部分，以使用jQuery Address的深度链接AJAX功能。我正在使用URI，比如mysite.com/#!/page1/subpage/等等。我读过很多关于使用_gaq.push()函数跟踪流量的文章，但我想知道是否有可能用更传统的方式来做这件事……每个AJAX请求都会调用一个构建页面的P...

问使用Google Analytics跟踪AJAX请求
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Google Analytics跟踪AJAX请求EN