现在的位置: 首页 > 综合 > 正文

google分析跟踪代码嵌入方式总结

2013年10月12日 ⁄ 综合 ⁄ 共 13606字 ⁄ 字号 评论关闭

如果您的网页是使用 PHP 或 ASP
等技术动态创建的,您可以将跟踪代码放入一个单独的文件中,该文件将作为整个网页模板的一部分。您可以通过以下示例了解如何使用 PHP
进行此操作,下述操作方法同样适用于所有类似的网站技术(如 ASP 或 JSP)。 要跟踪动态网站,请按下列步骤操作。

1.     在一个单独的文件中放入标准的跟踪代码。

例如,您可以使用名为"analyticsTracking.php"的文件,此文件包含以下内容:

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ?
"https://ssl." : "http://www.");document.write(unescape("%3Cscript
src='"+gaJsHost+"google-analytics.com/ga.js'
type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

var pageTracker = _gat._getTracker("UA-xxxxxx-x");

pageTracker._initData();

pageTracker._trackPageview();

</script>

<?php // End Analytics tracking code ?>

2.
在用于您网站的标准网页模板中,将跟踪代码文件放在结束的</body>标记之前。此外还请注意一下,这个示例非常简单,介绍的是使用
PHP 跟踪动态网站的一种方法。根据您的特定网站技术以及网页生成方式的不同,相关步骤可能需要一些细微的变动。

<html>

<?php include ("header.php"); ?>

<body>

<?php include ("sideNav.php"); ?>

<?php include ("main.php"); ?>

<?php include ("analyticsTracking.php"); ?>

</body>

</html>

1.2. 跟踪安全网站

现在,Google
Analytics(分析)跟踪代码对安全和非安全网站都一样了。新跟踪代码可检测所跟踪网页的协议,并自动匹配您网页的安全性。使用以 http://
开头网址的网页将通过 http://www.google-analytics.com/ga.js 下载非安全版本,而使用以 https://
开头网址的网页将通过 https://ssl.google-analytics.com/ga.js
加载安全版本。不需要对安全网页上的跟踪代码进行修改。

虽然以前版本的跟踪代码 (urchin.js) 要求您在安全网页中复制/粘贴特殊的跟踪代码,现在如果您使用 ga.js
来跟踪您的网站,则不需要再执行此操作。您可以将相同的跟踪代码同时用于安全 (https://) 网页和非安全 (http://) 网页上。

此新跟踪代码的外观如下:

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ?
"https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost +
"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

var pageTracker = _gat._getTracker("UA-xxxxxx-x");

pageTracker._initData();

pageTracker._trackPageview();

</script>

1.3.  
框架内的网页


为了确保精确跟踪点击量并保留推介链接信息,在使用框架的网站上安装 Google Analytics(分析)跟踪代码时需注意一些问题:

 

问题1:跟踪代码应置于何处?

问题2:为什么没有显示每次点击费用信息?

问题3:为什么没有显示推介链接?

问题4:点击量会虚增吗?

 

1. 跟踪代码应置于何处?

对于使用框架的网站,建议将跟踪代码添加到框架集网页的 <head> 部分以及紧邻要跟踪的每个子框架的
</body> 标记前(跟踪代码应置于框架集网页的开头部分,因为此类文档无正文部分)。如果出于跟踪代码等同于正文的考虑而将其置于
<noframes> 标记中,代码就无法运行,也不会记录任何数据。

 

2.     为什么启用自动标记后仍未显示每次点击费用信息?

 

广告目标网页的网址属于框架集文档,而不是相应文档中的子框架。如果您没有将跟踪代码添加到框架集的 <head>
部分,Google Analytics(分析)就不会跟踪相应网页,而您的广告参数将会丢失。

 

3. 为什么没有显示推介链接?

如果网站上的所有框架均位于同一个域名上,那么只要网站中让用户访问的第一个页面上安装了跟踪代码,就可以正确记录推介链接信息。

如果网站上的框架位于不同的域名上,那么推介链接信息就有可能不准确。这是因为某个框架可能会被记录为另一个框架的推介来源,而不是把前一个网站记
录为推介来源。

无论哪种情况,使用框架的网站的导航摘要和网站覆盖图报告都不太可能提供有用的信息,因为每个具有跟踪代码的框架都被记录为单独的综合浏览。另外,
这些综合浏览量的顺序将取决于框架的加载顺序,而不是访问者实际采取的导航路径。

 

4. 点击量会虚增吗?

用户可能会遇到点击量虚增的情况,因为每个框架式网页和框架集都会被单独跟踪。例如,如果某个具有跟踪代码的框架集包含 3
个框架,每个框架上均安装了跟踪代码,那么每访问一次框架集网址就会产生 4 次综合浏览。用户可以选择仅跟踪某些框架式网页,或仅跟踪框架集本身。
具体实施方法取决于您需要什么样的数据。

1.4.  
JavaScript


事件

通过使用 _trackPageview 函数,您可以为任意 Javascript 事件指定网页文件名。

重要提示:如果您的网页中包含对 _trackPageview 和 _setAllowLinker _trackTrans()
的调用,则您的 Google Analytics(分析)跟踪代码在 HTML 代码中应放置在这些调用的上方。在这类情况下,跟踪代码可以放在开始
<body> 标记和 JavaScript 调用之间的任何位置。

要跟踪事件,请调用 _trackPageview() ,用自变量指定事件的名称。例如:

pageTracker._trackPageview("/homepage/link1");

会将每次调用事件记录下来,相当于对网址 /homepage/link1
的一次综合浏览。自变量应以正斜杠开头并用引号括起来。事件名称可以整理成您想要的任何目录样式结构。

例如,如果您希望按网页 > 事件类型来整理事件,可以按照以下方式来整理排列层级:

?  "/homepage/links/link1"

?  "/homepage/radiobuttons/button1"

?  "/contactform/rollovers/image1"

HTML 代码示例

下列示例说明如何记录 onClick 事件:

<a
href="javascript:void(0);"onClick="javascript:pageTracker._trackPageview('/folder/file');"
>

或者,记录 rollover 事件:

<a href="javascript:void(0);"
onMouseOver="javascript:pageTracker._trackPageview('/folder/file'>

要确认是否已正确调用 pageTracker,可以在更新过的跟踪代码执行 24-48
小时后查看最常见内容报告,在此报告中应该可以看到指定的网页名。

1.5.  
跟踪可下载的文件


Google
Analytics(分析)提供了一种简便方法来跟踪文件下载链接的点击。因为这些链接不会将用户导向至网站上包含跟踪代码的网页,所以如果您要跟踪这些
下载,就需要用 _trackPageview() JavaScript 标记链接本身。 这段 JavaScript
会将综合浏览量分配给针对链接的任何点击,综合浏览量归属于您指定的文件名。

例如,要将指向 www.example.com/files/map.pdf 的特定链接的每次点击记录为 /downloads/map
的综合浏览量,您需要向链接的 <a> 标记中添加以下属性:

<a href="http://www.example.com/files/map.pdf"
onClick="javascript: pageTracker._trackPageview('/downloads/map'); ">

重要提示: 如果您的网页中包含对 _trackPageview, _setAllowLinker _trackTrans(),
的调用,则您的 Google Analytics(分析)跟踪代码在 HTML 代码中应放置在这些调用的上方。在这类情况下,跟踪代码可以放在开始
<body> 标记和 JavaScript 调用之间的任何位置。

要确认对 _trackPageview 的调用是否正确,可以在更新过的跟踪代码执行 24-48
小时后查看最常见内容报告。在此报告中应该可以看到指定的网页名。

1.6.   出站链接

Google Analytics(分析)提供了一种简便方法来跟踪针对出站链接的点击。由于这些链接没有指向您网站上包含 Urchin
访问量监控器 JavaScript 的页面,因此您需要使用其本身来标记链接。这段 JavaScript
会将综合浏览量分配给针对链接的任何点击,综合浏览量归属于您指定的文件名。

例如,要将指向 www.example.com
的特定链接的每次点击记录为"/outgoing/example_com"的综合浏览量,您需要向链接的 <a> 标记中添加以下属性:

<a href="http://www.example.com" onClick="javascript:
pageTracker._trackPageview ('/outgoing/example.com');">

按照示例在逻辑目录结构中记录所有出站链接是一种非常好的做法。这样,可以很容易地看出访问者通过点击哪些页面离开了您的网站。

重要提示:如果您的网页中包含对 _trackPageview 和 _setAllowLinker _trackTrans()
的调用,则您的 Google Analytics(分析)跟踪代码在 HTML 代码中应放置在这些调用的上方。在这类情况下,跟踪代码可以放在开始
<body> 标记和 JavaScript 调用之间的任何位置。

要确认对 _trackPageview 的调用是否正确,可以在更新过的跟踪代码执行 24-48
小时后查看最常见内容报告,在此报告中应该可以看到指定的网页名。

1.7.  
电子商务交易


(如果您需要有关通过结帐页跟踪访问者活动的信息,请参阅如何使用 Google Analytics(分析)跟踪第三方购物车?)

在配置文件中启用"电子商务"报告

跟踪电子商务交易的第一步是启用网站配置文件的电子商务报告。要启用电子商务报告,请按下列步骤操作:

1. 登录到您的帐户。

2. 点击要启用的配置文件旁的"修改"。

3. 在"网站配置设置"页上,点击"主要网站配置信息"旁的"修改"。

4. 将"电子商务网站"单选按钮从"否"改为"是"。

收据页面格式

第二步,确保以标准格式在收据页面中包含跟踪代码。可以使用服务器端包含或其他模板驱动程序完成此操作,也可直接手动输入 HTML 代码:

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ?
"https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost +
"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

var pageTracker = _gat._getTracker("UA-xxxxxx-x");

pageTracker._initData(); pageTracker._trackPageview();
</script>

接下来,在收据中跟踪代码下方的某个位置,调用 _addTrans() 和 _addItem() 函数。以对 _addTrans()
的调用开始,建立一次交易。_addTrans() 带有以下自变量:订单
ID、联属机构、合计、税款、运费、城市、省/直辖市/自治区,国家/地区。对于访问者购买的每个项目,调用
_addItem()。_addItem() 带有以下自变量:订单 ID、SKU 码/代码、产品名称、类别、价格,数量。

以下为完整示例:

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ?
"https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost +
"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

 

<script type="text/javascript">

  var pageTracker = _gat._getTracker("UA-XXXXX-1");

  pageTracker._initData();

  pageTracker._trackPageview();

 

  pageTracker._addTrans(

    "1234",                                    
// Order ID

    "Mountain View",                           
// Affiliation

    "11.99",                      
             //
Total

    "1.29",                                    
// Tax

    "5",                                       
// Shipping

    "San Jose",                                
// City

    "California",                              
// State

    "USA"                                      
// Country

  );

 

  pageTracker._addItem(

    "1234",                                    
// Order ID

    "DD44",                                    
// SKU

    "T-Shirt",                                 
// Product Name

    "Green Medium",                            
// Category

    "11.99",                                   
// Price

    "1"                                        
// Quantity

  );

 

  pageTracker._trackTrans();

</script>

 

1.8.   Flash

事件

Google Analytics(分析)可让您跟踪包括 Flash 和 JavaScript 事件在内的所有基于浏览器的事件,通过使用
_trackPageview 函数,您可以为所有 Flash 操作分配页面文件名,还可在适当的目标或渠道步骤中输入该文件名。 重要提示:
请注意,您的 Google Analytics(分析)跟踪代码和对 _gat._getTracker 的调用必须置于网页中
_trackPageview. 调用的上方。

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ?
"https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost +
"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

var pageTracker = _gat._getTracker("UA-xxxxxx-x");

pageTracker._trackPageview();

</script>

要跟踪事件,请调用 _trackPageview() ,用参数指定事件的名称。 例如,调用:

pageTracker._trackPageview("/purchase_funnel/page1.html");

会将每次调用 Flash 事件记录下来,相当于对 /purchase_funnel/page1.html
的一次综合浏览。参数应以正斜杠开头并用引号括起来。事件名称可以整理成您想要的任何目录样式结构。 _trackPageview
路径/文件名参数不一定表示您网站的实际网址。

Flash 代码示例

on (release) {

// Track with no action

getURL("javascript:pageTracker._trackPageview('/folder/file.html');");

}

on (release) {

//Track with action

getURL("javascript:pageTracker._trackPageview('/folder/file.html');");

_root.gotoAndPlay(3);

myVar = "Flash Track Test";

}

onClipEvent (enterFrame) {

getURL("javascript:pageTracker._trackPageview('/folder/file.html');");

}

要确认 对 _trackPageview 的调用是否正确,可以在更新过的跟踪代码执行 24-48
小时后查看"最常见内容"报告。在此报告中应该可以看到指定的网页名。

1.9.   ASP

要在 ASP 网站中添加跟踪代码,请向网站每个模板页的结束 标记前添加以下行: <!--#include
file="analytics.asp"-->
然后,将一个名为"analytics.asp"的文件上传到您的网站。该文件应包含您的跟踪代码:

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ?
"https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost +
"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

var pageTracker = _gat._getTracker("UA-xxxxxx-x");

pageTracker._initData();

pageTracker._trackPageview();

</script>

 

1.10.  
跟踪第三方购物车


通过附加某些代码,Google
Analytics(分析)可以跟踪来自您自己的域甚至其他域上的购物车的数据。如果您的商店网站是在与您的主网站不同的子域或域中,请按以下说明配置您
的网页。

如果您的网站启动其他子域上的购买结帐过程
(例如,如果将客户从 www.mystore.com 发送到
shoppingcart.mystore.com):

将以下行(以粗体表示)添加到您的商店网站和购物车页面的跟踪代码中:

<script type=quot;text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ?
"https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost +
"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

var pageTracker = _gat._getTracker("UA-xxxxxx-x");

pageTracker._setDomainName("mystore.com");

pageTracker._setAllowLinker(true);

pageTracker._trackPageview();

</script>

 

如果您的网站启动其他商店网站上的购买结帐过程
(例如,如果将客户从 www.mystore.com 发送到
www.securecart.com):

将以下行添加到您的商店网站和购物车页面的跟踪代码中。此代码必须发生在第 2 步的代码之上。

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ?
"https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost +
"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

var pageTracker = _gat._getTracker("UA-xxxxxx-x");

pageTracker._setDomainName("none");

pageTracker._setAllowLinker(true);

pageTracker._trackPageview();

</script>

 

如下所示,将主要网站到安全网站的链接改为使用 _link。 请注意,您的 Google Analytics(分析)跟踪代码和对
_gat._getTracker 的调用(显示在步骤 1 中)必须置于页面中对 _link 调用的上方。如果您的当前链接如下所示:

<a href="https://www.securecart.com/?store=parameters">

  立即购买

</a>

将其更改为:

<a href=" https://www.securecart.com/?store=parameters"
onclick="pageTracker._link(this.href); return false;">立即购买</a>

无论用户是否启用了 JavaScript,以上代码都可以为用户提供链接。请特别注意,当撇号出现在链接或链接文字中时应转义为反斜杠。

 

重要提示:
如果您的网页中包含对 _trackPageview(), _link(),
_trackTrans(), 或 _linkByPost() 的调用,您的 Analytics(分析)跟踪代码在 HTML
代码中应放置在这些调用的上方。在这类情况下,跟踪代码可以放在开始 <body> 标记和 JavaScript 调用之间的任何位置。

 

如果您使用表单将信息发送到购物车,请使用:

<form name="post_form" method="post"
onsubmit="pageTracker._linkByPost(this)">

 

 

重要提示: 如果您的网页中包含对 _trackPageview(), _link(), _trackTrans(), 或
_linkByPost() 的调用,您的 Analytics(分析)跟踪代码在 HTML
代码中应放置在这些调用的上方。在这类情况下,跟踪代码可以放在开始 <body> 标记和 JavaScript 调用之间的任何位置。

 

1.11.  
跟踪唯一网址的每个步骤


您可能想要跟踪访问者如何一步步通过一个渠道,在此渠道中,每个步骤的网址都是相同的。例如,注册渠道的外观可能如下所示:

第 1 步(注册)- www.wodewangzhan.cn/sign_up.cgi

第 2 步(接受协议)- www.wodewangzhan.cn/sign_up.cgi

第 3 步(完成)- www.wodewangzhan.cn/sign_up.cgi

要解决此问题,可在每个步骤内调用 _trackPageview 函数(可在 onload 事件中调用),如下所示:

pageTracker._trackPageview("/funnel_G1/step1.html")

pageTracker._trackPageview("/funnel_G1/step2.html")

pageTracker._trackPageview("/funnel_G1/step3.html")

然后,将渠道的每个步骤设置为:

http://www.mysite.com/funnel_G1/step1.html

http://www.mysite.com/funnel_G1/step2.html

http://www.mysite.com/funnel_G1/step3.html

注意,路径/文件名参数不一定表示实际存在的路径或文件名。 _trackPageview 的参数仅提供 Google
Analytics(分析)可附加综合浏览量的一个虚构网页名。

重要提示: 请注意,您的 Google Analytics(分析)跟踪代码和对 _gat._getTracker 的调用必须置于网页中
_trackPageview 调用的上方。

<script src="https://www.google-analytics.com/ga.js"
type="text/javascript">

</script>

<script type="text/javascript">

  var pageTracker = _gat._getTracker("UA-xxxxxx-x");

     pageTracker._trackPageview();

</script>

 

要确认对 _trackPageview 的调用是否正确,可以在更新过的跟踪代码执行 24-48 小时后查看最常见内容
报告,在此报告中应该可以看到指定的网页名。

 



1.12.  
使用其他搜索引擎

默认情况下,Google Analytics(分析)可跟踪来自不断增加的搜索引擎列表的推介链接。通过将以下行添加到跟踪代码中,您还可以将
Google Analytics(分析)配置为识别来自其他搜索引擎的推介链接:

pageTracker._addOrganic("name_of_searchengine","q_var");

"name_of_searchengine"的值应为搜索引擎名称,"q_var"的值应为存储关键字的查询变量(分别替换上例中的
name_of_searchengine 和 q_var)。

例如,如果用户搜索"motorcycle"(摩托车),则搜索结果的网址为:

http://www.google.com/search?q=motorcycle

您应将以下行添加到跟踪代码中:

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ?
"https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost +
"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

var pageTracker = _gat._getTracker("UA-xxxxxx-x");

pageTracker._addOrganic("name_of_searchengine","q_var");

pageTracker._initData();

pageTracker._trackPageview();

</script>

 



1.13.  
跟踪网站的所有子域

您可以在主域所用的同一配置文件中跟踪子域。为此,您需要在网站每一页的跟踪代码中添加一行。下面的说明假定此配置文件是在主域为已列出站点(如
example.com)的情况下设置的。

在所有子域页和主域页的跟踪代码中加入以下行(以粗体显示):

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ?
"https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost +
"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

var pageTracker = _gat._getTracker("UA-xxxxxx-x");

pageTracker._setDomainName("example.com");

pageTracker._initData();

pageTracker._trackPageview();

</script>

 

此行应引用主域 (example.com)。

请注意,尽管这一更改可让您在一个配置文件中跟踪各个子域,但您的报告可能无法区分来自 www.example.com 和
help.example.com 的网页。例如,在"最常见内容"报告中,您可能会看到 www.example.com/index.html 和
help.example.com/more.html 的点击情况,但报告将会显示如下内容:

/index.html

/more.html

 

如果您想区分子域,可按照以下设置为配置文件创建高级过滤器:

过滤器类型:
自定义过滤器 > 高级

字段 A:
主机名

提取 A:
(.*)

字段 B:
请求网址

提取 B:
(.*)

输出至:
请求网址

构造器:
/$A1$B1

使用此过滤器后,前例显示时会附加子域:

www.example.com/index.html

help.example.com/more.html

 

1.14.  
更改会话超时时间


可通过向跟踪代码添加行来更改 Google Analytics(分析)超时之前等待的时长。会话超时值由
_setSessionTimeout 函数确定,默认情况下,此值设为 1800 秒钟(30
分钟)。举例来说,如果将其更改为"3600",则超时设定将变为 1 小时:

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ?
"https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost +
"google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

var pageTracker = _gat._getTracker("UA-xxxxxx-x");

pageTracker._setSessionTimeout("3600"); // 会话变为 1 小时
pageTracker._initData();

pageTracker._trackPageview();

</script>

抱歉!评论已关闭.