建站经验 experience
当前位置:首页 > 网站建设专题 > 建站经验
异步跟踪代码的几个小技巧
发布日期:2011-09-28 阅读次数:624 字体大小:

最新版本的 Google Analytics(分析)跟踪代码提供了使用 Google Analytics(分析)跟踪网站访问者的改方法。该方法利用浏览器对异步JavaScript 的支持来提高跟踪代码的载入速度。使用此版本的跟踪代码,还可以将 Google Analytics(分析)代码段放在网页中的较前位置,而不会延迟后续内容的呈现。

尽管异步跟踪使用与传统代码段不同的 Google Analytics(分析)代码段和不同的语法进行跟踪调用,但它支持与传统代码段完全相同的跟踪自定义。事实上,相对于传统代码段,异步跟踪语法也要更加灵活。

一号小技巧:一次推送,多个命令

在异步跟踪代码中可以一次推送所有命令,而无需为每次调用键入 _gaq.push(…)。以下代码演示了这种技术。

View Code LANGUAGE

_gaq.push(
'_setAccount', 'UA-XXXXX-X',
'_setDomainName', 'example.com',
'_setCustomVar', 1, 'Section', 'Life & Style', 3,
'_trackPageview'
);

将命令推送到多个跟踪器也是可行的。

View Code LANGUAGE

_gaq.push(
'_setAccount', 'UA-XXXXX-1',
'_trackPageview',
'b._setAccount', 'UA-XXXXX-2',
'b._trackPageview'
);

二号小技巧:分割代码段

如果希望将 Analytics(分析)代码段放在网页底部,这时并不需要将整个代码段都放在底部。可以将代码段分割为两段,前半部分放在网页顶部,其余部分移至网页底部,这样仍然可以保持异步载入的大部分优势。由于跟踪代码段的前一部分对网页呈现影响很小甚至没有影响,因此可将这部分留在网页顶部,而将用于插入 ga.js 的那部分代码段放在网页底部。

使用分割成两部分的异步代码段的网页如下所示:

View Code LANGUAGE

<script type="”text/javascript”"><!--mce:0--></script>
 
Page Content
 
<script src="http://www.chinaz.com/web/2011/0928/”some_random_script.js”"><!--mce:1--></script>
 
Page Content
 
<script type="”text/javascript”"><!--mce:2--></script>

常见错误:

1.方法名称区分大小写。

如果方法名称使用的大小写错误,方法调用将失败。示例:

View Code LANGUAGE

_gaq.push('_trackpageview'); // bad
_gaq.push('_trackPageview'); // good

2.使用正确的方法名称。

如果跟踪没有正确运行,请进行检查以确保使用的方法名称正确。示例:

View Code LANGUAGE

_gaq.push('_setDomain', 'example.com'); // bad
_gaq.push('_setDomainName', 'example.com'); // good

3.只有字符串应在传递时加引号。所有其他类型都不应加引号。

任何非字符串值,例如布尔值、对象字面量、函数或数组,在传递时不应加引号。只有在传递要解释为字符串的内容时,才应使用引号。如果您正在从传统语法迁移到异步语法,那么以往不加引号传递的任何函数参数在异步语法中仍然不加引号。示例:

View Code LANGUAGE

_gaq.push('_setAllowLinker', 'false'); // bad
_gaq.push('_setAllowLinker', false); // good

4.请确保字符串在开头或结尾处没有任何空格。示例:

View Code LANGUAGE

_gaq.push('_setAccount', ' UA-65432-1'); // bad
_gaq.push('_setAccount', 'UA-65432-1'); // good

谢谢观赏!

原文地址:郭小海(Keven)的网站分析博客