Google Analytics跨域跟踪的实现方法

大多数情况遇到的是一个主域多个子域的数据追踪,据我目前所知的方法如下: 对所有子域使用相同的跟踪代码,然后使用过滤器来分离报告数据,这样既可以得到整站数据,又可以得到子域的数据。Google Analytics很好很强大,今天才意识到对GA的了解才仅仅入门,还有太多需要进一步研究与探索的空间,想想GA跟踪从商店到购物车的用户会话和广告系列数据,甚至是大致计算注册流程的流失率或订单的流程,我要恶补下了。

什么是跨域跟踪?

跨域跟踪是指GA在多个域(包括子域与主域)跟踪访问者的访问行为。

为什么要进行跨域跟踪?

这个问题与cookie的path、domain属性以及GA的域哈希值有关。path及domain决定了cookie的可见性。GA的 cookie默认情况下只能由设置的主域读写。虽然cookie可以在各子域间共享,但是,默认情况下,GA会为不同的子域指定不同的域哈希值,因此,子 域之间的GA数据无法共享。

另外,通过设置path可以将cookie限制仅为该域或子域下的某个目录可读写。

因此,当我们需要在子域间共享GA数据时,需要统一各子域的域哈希值。而主域间是无法共享cookie的,想一想如果你在A网站的cookie保存了密码信息,而B网站可以读取这些cookie信息是多么可怕的事情,因此,cookie自身的安全设置就禁止了这样的共享。

PS:通过不同的domain和Path设置,在一个域可以存储多组GA的cookie。

如何进行跨主域的跟踪?

主要有两种方式:

一、借助于第三方cookie。比如广告投放过程中,先在第三方域的一个页面进行跳转,然后在第三方域上设置cookie,当访问者访问A网站及B 网站时,都向第三方域发送信息,向第三方域发送请求时会在header中携带第三方域上的cookie。通过第三方域上的cookie信息就可以将访问者 在A网站及B网站的行为统一起来。

AdWords的转化跟踪就是采用这种方式。用户在点击AdWords广告时会在Google的域下写入相关cookie,当用户发生转化时,会向google发送一个图片请求,这个请求会携带之前点击广告时写入的cookie信息,从而在转化与广告点击之间建立联系。

但是,随着访问者隐私意识的不断提升,禁用第三方cookie的比例不断提升,一些浏览器的默认设置就是禁用第三方cookie,从而降低了使用第三方cookie跟踪的准确性。

二、使用第一方cookie,通过在几个主域间跳转的URL添加参数传递cookie信息。这是GA跨域跟踪采用的方式。也是本文下面将要介绍的主要内容。

如何使用GA进行跨域跟踪?

GA的跨域跟踪主要涉及到六个方法的使用。

1. _setDomainName

这个方法用来控制GA的cookie(__utma、__utmb、__utmc、__utmz等)的domain属性及域哈希值。默认情况 下,GA使用主域作为domain的值,通过这个方法,可以传递一个参数指定domain的值。主要有两种用法,一种是跨子域跟踪时,将主域作为参数传 入,可以在各子域间共用一个域哈希值;一种是关闭跨子域跟踪时,可以传入一个none,这样GA会将cookie的domain设置为子域,从而将各子域 作为独立主体跟踪,且不会影响主域的GA cookie。

2._setAllowHash

这个方法用来控制域哈希值,有一个参数,其值为布尔值,默认值为true,开启域哈希值,设置为false则会将域哈希值设置为1,关闭域哈希值。

3. _setAllowLinker

这个方法用来开启或关闭通过链接接受和传递cookie。只有一个参数布尔值,默认状态下为false,关闭通过链接接受和传递cookie;当需要跨主域跟踪时,才需要开启,设置为true。开启后必须与_link或_linkByPost一起使用。

4. _link

这个方法用在需要通过链接参数传递cookie的出站a标签上。有两个参数,第一个为URL,第二个为是否使用#传递cookie参数,此参数可选。

5. _linkByPost

这个方法通过将一个字符串附加到引荐表单的操作值 (HTTP POST),从而将 Cookie  从引荐表单传递到字符串中包含的另一网站。在从一个网站到第三方购物车网站跟踪用户行为时通常使用此方法,但也可用于将 Cookie  数据发送到弹出式窗口或 iFrame 中的其他域。同样支持两个参数,第一个为表单对象,第二个为是否使用#传递cookie参数。

注:目前为止,很少遇到这种类型的跨域,因此,以下内容不包括_linkByPost方法的使用及通过表单跨域。

6. _setCookiePath

这个方法可以将GA cookie的读写仅限于该域下的某个子目录。

常用的GA跨域跟踪情境及GA代码部署方式

了解了上面的基础知识,下面介绍一下常见的GA跨域跟踪情境及GA代码部署方式。

单一主域多个子域作为一个整体跟踪

这是最常见,同时也是最简单的跨域跟踪情境。根据上面的介绍,我们知道这种情况只是要在同一主域的不同子域间共享域哈希值。只需在_trackPageview方法前调用_setDomainName方法指定主域名。

GATC样例:

            <script>            var _gaq = _gaq || [];

            _gaq.push([‘_setAccount’,’GA网络资源ID’]);

            _gaq.push([‘_setDomainName’,’你的主域’]);

            _gaq.push([‘_addOrganic’,’baidu’,’word’]);

            _gaq.push([‘_addOrganic’,’soso’,’w’]);

            _gaq.push([‘_addOrganic’,’sogou’,’query’]);

            _gaq.push([‘_trackPageview’]);

            _gaq.push([‘_trackPageLoadTime’]);

            (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.com/ga.js’;

            var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);

            })();

            </script>

注:本文的GATC都是以异步代码为准。

单一主域多个子域,整个主域作为一个整体跟踪,各个子域也各自作为一个整体跟踪

这种情况与上面的情况相比还涉及到多跟踪器部署。因为,对于每一个页面需要部署两个GA跟踪器,一个是主域的跟踪器,一个是子域的跟踪器。

跟踪器在GATC中用来标识GA账户的对象,异步代码的默认情况下,GA会使用一个名称为空的对象来标识GA账户。

这里的一个技巧是一个域不考虑path的情况下,只能存在两组GA cookie。一组是主域的cookie,一组是子域的cookie。

一个跟踪器使用_setDomainName(‘none’);,这个跟踪器会将cookie限制在子域,用于跟踪子域的流量,另一个跟踪器则调用_setDomainName(‘你的主域’),这个跟踪器使用的是主域的cookie,用于跟踪整个主域的流量。

GATC样例如下:

            <script>            var _gaq = _gaq || [];

            _gaq.push([‘_setAccount’, ‘子域的网络资源ID’]);

            _gaq.push([‘_setDomainName’,’none’]);

            _gaq.push([‘_addOrganic’,’baidu’,’word’]);

            _gaq.push([‘_addOrganic’,’soso’,’w’]);

            _gaq.push([‘_addOrganic’,’sogou’,’query’]);

            _gaq.push([‘_trackPageview’]);

            _gaq.push([‘_trackPageLoadTime’]);

             

            _gaq.push([‘t2._setAccount’, ‘主域的网络资源ID’]);

            _gaq.push([‘t2._setDomainName’,’你的主域’]);

            _gaq.push([‘t2._addOrganic’,’baidu’,’word’]);

            _gaq.push([‘t2._addOrganic’,’soso’,’w’]);

            _gaq.push([‘t2._addOrganic’,’sogou’,’query’]);

            _gaq.push([‘t2._trackPageview’]);

            _gaq.push([‘t2._trackPageLoadTime’]);

             

            (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.com/ga.js’;

            var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);

            })();

            </script>

            

注:部署多跟踪器时,需要注意,对于其他的一些自定义GATC,比如事件跟踪、自定义变量、电子商务也都需要指明跟踪器。如果这些数据是两个跟踪器所在的GA账户都需要的,则需要针对每一个跟踪器添加一次。

 

 

 

单一主域多个子域,整个主域作为一个整体跟踪,各个子目录也各自作为一个整体跟踪

这种情形与上面的情形类似,所不同的就是添加_setCookiePath指定cookie所属的目录。GATC样例如下:

            <script>            var _gaq = _gaq || [];

            _gaq.push([‘_setAccount’, ‘子目录的网络资源ID ‘]);

            _gaq.push([‘_setDomainName’,’none’]);

            _gaq.push([‘_setCookiePath’, ‘/子目录名称/’]);

            _gaq.push([‘_addOrganic’,’baidu’,’word’]);

            _gaq.push([‘_addOrganic’,’soso’,’w’]);

            _gaq.push([‘_addOrganic’,’sogou’,’query’]);

            _gaq.push([‘_trackPageview’]);

            _gaq.push([‘_trackPageLoadTime’]);

             

            _gaq.push([‘t2._setAccount’, ‘主域的网络资源ID ‘]);

            _gaq.push([‘t2._setDomainName’,’你的主域’]);

            _gaq.push([‘t2._addOrganic’,’baidu’,’word’]);

            _gaq.push([‘t2._addOrganic’,’soso’,’w’]);

            _gaq.push([‘t2._addOrganic’,’sogou’,’query’]);

            _gaq.push([‘t2._trackPageview’]);

            _gaq.push([‘t2._trackPageLoadTime’]);

             

            (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.com/ga.js’;

            var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);

            })();

            </script>

            

多个主域作为一个整体跟踪

跨主域跟踪才是GA中较复杂的情况,除了需要在GATC中作出修改,还需要在跨域的链接及表单上作出对应的修改。

首先,需要调用_setDomainName(‘主域名’)及_setAllowHash(false)将域哈希值关闭。这里没有使用 _setDomainName(‘none’)的原因是_setDomainName(‘none’)会将GA  cookie的Domain属性设置子域,这样的话,会将情况变得更复杂,我们需要在各个子域之间的跳转链接传递cookie。

其次,需要调用_setAllowLinker(true),开启通过URL参数接受和传递cookie值。

最后,也是最复杂的,在每个出站链接上调用_link方法。

GATC样例如下:

            <script>            var _gaq = _gaq || [];

            _gaq.push([‘_setAccount’, ‘总的网络资源ID ‘]);

            _gaq.push([‘_setDomainName’,’网站主域’]);

            _gaq.push([‘_setAllowLinker’, true]);

            _gaq.push([‘_setAllowHash’, false]);

            _gaq.push([‘_addOrganic’,’baidu’,’word’]);

            _gaq.push([‘_addOrganic’,’soso’,’w’]);

            _gaq.push([‘_addOrganic’,’sogou’,’query’]);

            _gaq.push([‘_trackPageview’]);

            _gaq.push([‘_trackPageLoadTime’]);

             

            (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.com/ga.js’;

            var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);

            })();

            </script>

            

主域间跳转链接的_link方法使用样例:

            <a href=”http://example.com/test.html”            onclick=”_gaq.push([‘_link’, ‘http://example.com/test.html’]); return false;”>click me</a>

手动在每个主域间跳转的链接上添加_link方法几乎是不可能完成的任务。可以利用下面的JS遍历a标签,在主域间跳转的链接上添加_link方法。

            <script>            var oldwhandler=window.onload

            window.onload =function whandler () {

            if (!!oldwhandler){oldwhandler()};

            var links = document.getElementsByTagName(‘a’);

            for (var x=0; x < links.length; x++) {

            var oldlhandler=links[x].onclick

            links[x].onclick = function () {

            if (!!oldlhandler){oldlhandler()};

            var mydomain = new RegExp(‘你的主域名’, ‘i’);//不包括.com、.cn等后缀

            if(!mydomain.test(this.getAttribute(‘href’))) {

            _gaq.push([‘_link’, this.getAttribute(“href”)]);return false;

            }

            };

            }

            }

            </script>

注:这里需要注意的是,这段JS必须在页面完全加载后才会执行,因此,当访问者在页面没有加载完成前点击跨主域的链接,会导致跨域跟踪失败。

多个带有子域的主域,每个主域作为一个整体跟踪,且多个主域作为统一的整体跟踪

这种跨主域跟踪是更复杂的情况。除了上面的设置外,还涉及到多跟踪器。

GATC样例:

            <script>            var _gaq = _gaq || [];

            _gaq.push([‘_setAccount’, ‘具体主域的网络资源ID ‘]);

            _gaq.push([‘_setDomainName’,’网站主域’]);

            _gaq.push([‘_setAllowHash’, false]);

            _gaq.push([‘_setAllowLinker’, true]);

            _gaq.push([‘_addOrganic’,’baidu’,’word’]);

            _gaq.push([‘_addOrganic’,’soso’,’w’]);

            _gaq.push([‘_addOrganic’,’sogou’,’query’]);

            _gaq.push([‘_trackPageview’]);

            _gaq.push([‘_trackPageLoadTime’]);

            _gaq.push([‘t2._setAccount’, ‘总的网络资源ID ‘]);

            _gaq.push([‘t2._setDomainName’,’网站主域’]);

            _gaq.push([‘t2._setAllowHash’, false]);

            _gaq.push([‘t2._setAllowLinker’, true]);

            _gaq.push([‘t2._addOrganic’,’baidu’,’word’]);

            _gaq.push([‘t2._addOrganic’,’soso’,’w’]);

            _gaq.push([‘t2._addOrganic’,’sogou’,’query’]);

            _gaq.push([‘t2._trackPageview’]);

            _gaq.push([‘t2._trackPageLoadTime’]);

            (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.com/ga.js’;

            var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);

            })();

            </script>

 参考资料:Google Analytics官方关于跨域追踪的帮助文档

版权声明:本文内容以盗版加工为主,原创为辅,意在分享,收藏,记录工作中的点点滴滴。不代表任何组织,不代表任何商业机构,也不代表我个人所有想法。
心晴客栈 » Google Analytics跨域跟踪的实现方法

发表回复