Jeffrey Cross
Jeffrey Cross

使用jQuery进行自动出站链接分析

我遇到了将Google Analytics跟踪代码添加到我一直在处理的网站上的所有出站链接的挑战。这些链接分散在网站周围,所以不是尝试编辑一堆链接,而是以容易出错的方式手动添加onclick处理程序,我决定变懒,并编写一些代码来处理它。

首先,我考虑在整个站点和数据库中进行某种正则表达式搜索和替换,但这让我想起了CSS3选择器及其进行简单模式匹配的能力。我已经看到人们通过这种方式对出站链接应用了一种特殊的样式,所以经过几分钟的讨论后,我现在有一大块jQuery会自动跟踪所有出站链接的点击。

简而言之,这就是:

jQuery的(函数($){

//匹配“maincontent”div中的所有锚标记与//以“http”开头但不包含//字符串“yourwebsite.com”的网址$('#maincontent a [href ^ =“http”] ')。不(' 一个[HREF * = “yourwebsite.com”]')。点击(函数(){

尝试{

//获取href url并抛出“http://”var href = $(this).attr('href'); if(href.indexOf(“://”)> 0){

//在Google Analytics中跟踪页面//“/tracking/outbound/www.somesite.com/foo”var outbound ='/ tracking / outbound /'+ href.split(“://”,2)[1 ]。 pageTracker._trackPageview(出站);

}} catch(e){}}}

运行此操作后,我的所有内部网页都会照常跟踪,任何外部链接都会显示为“/tracking/outbound/www.somesite.com/foo”的网页浏览。

如果您链接到多个站点上的许多不同页面,则在跟踪代码中保留完整的站点URL并构建这些深层路径特别有用。谷歌分析将允许您像正常内容一样向下钻取树,并快速提取您收到的总出站点击数(/跟踪/出站)的数字,有多少人访问www.somesite.com(/ tracking / outbound / www.somesite.com),以及有多少人点击了网站上的特定页面。

这节省了我相当多的时间,并且比我使用的任何其他出站跟踪方法更加灵活。我希望这有助于其他人。如果这对您有用,请在评论中留言。

更新:看起来我不是第一个这样做的人。 Rebecca Murphey的一篇文章展示了如何做类似的事情,同时还将跟踪代码添加到跟踪代码中。我必须说,非常酷的东西。

分享

发表评论