我可以将我的Google分析代码粘贴到每个页面上包含的.css文件中吗?

时间:2016-01-05 22:22:06

标签: html css google-analytics

我已注册Google Analytics,它为我提供了粘贴我想要跟踪的每个页面的代码,因此我可以将其粘贴到我的.css文件中,因为我已将该文件包含在每个网页中吗?那么,我可以期望谷歌分析代码包含在我的每个网页上吗?

4 个答案:

答案 0 :(得分:2)

您的Google分析代码将被解释为CSS,并且很大程度上被浏览器丢弃。任何不会被视为CSS的东西,因此做有趣的东西。

你需要把它扔进自己的文件中(可能是.js假设它的Javascript)并在每个页面上包含它 - 或者它是否是一个小部件(HTML而不仅仅是JS) ,您必须将小部件本身插入每个页面。

而且......呃......没有冒犯,但......我很高兴我设法给了这个直截了当的答案。 CSS是不可执行的。 Microsoft had js in it for a while (IE LTE 7 woo)但是我不相信这是因为它太大了一个攻击媒介而且非常狂热所做的事情。

答案 1 :(得分:1)

有多种方法可以将Google Analytics跟踪添加到您的网页,将跟踪代码放在.css文件中其中一种。唯一应放在.css文件中的是css。

您需要在结束</head>标记之前添加Google在您要跟踪的每个网页中提供的代码段。您也可以使用Google Tag Manager

这是官方Google Analytics website所说的:

  

将您的代码段(未完整更改)粘贴到每个网页中   你想跟踪。在结束前立即粘贴   标签。如果您使用模板为您的网站动态生成网页   (如果你使用PHP,ASP或类似的技术),你可以粘贴   将代码段跟踪到自己的文件中,然后将其包含在您的页面中   报头中。

答案 2 :(得分:1)

您无法将javascript跟踪代码添加到css文件中并期望它被执行。在单个css文件中混合使用js和css并不是浏览器所做的(最接近的是Internet Explorer上具有模糊脚本语法的计算样式)。我仍然怀疑你是否打算要求一个外部的javascript文件,这确实有效。

但是,您可以通过css文件进行Google Analytics跟踪。

为此,您可以通过measurement protocol构建跟踪网址,并将其设置为例如您的网页上的元素背景图片

<html>
<head>
<style>

body { 
    background-image:url('https://www.google-analytics.com/collect?v=1&t=pageview&tid=UA-123456-1&cid=555&dp=%2Fmy%2Fdocument%2Fpath');
}
</style>
</head>
<body>
</body>
</html>

以类似的方式进行事件跟踪等,只需添加一个具有正确形成的跟踪网址的类作为背景图像,当您希望事件被触发时。

然而,这有几点需要注意:

您需要自己生成所有参数,包括client id,并将它们动态传递给css。

如果您要使用CSS文件,则需要在每个网页浏览中使用某种编程语言动态生成它(此外,您需要自己维护会话,以便在后续网页浏览和访问时获得相同的客户ID)

通常我们会努力将CSS文件缓存,因此用户只需下载一次。这在这里不起作用,或者您每次访问只会跟踪一次综合浏览量。

我确信这种方法存在更多问题,虽然理论上有趣,但我不建议这样做。但在这个问题的精神(如果不是单词)中,我认为我会提到它。

答案 3 :(得分:0)

不,css文件仅适用于css

然而,一种常见的方法是使用Google Analytics中的代码和指向您的CSS的链接创建一个新的html文件(通常称为default.html)。然后,您可以在每个页面上包含此文件,而不是仅链接到您的CSS。