在没有 Javascript 的情况下使用 Google Analytics？

Posted 2023-03-05

技术标签:

【中文标题】在没有 Javascript 的情况下使用 Google Analytics？【英文标题】：Using Google Analytics without Javascript? 【发布时间】：2013-02-22 08:06:51 【问题描述】：

是否可以在不支持 javascript 或任何服务器端脚本的网站上使用 Google Analytics 代码？（例如，网站上的个人资料页面只允许使用 html）。

我发现通过直接调用跟踪图像并发送一些数据，可以在不使用 javascript 的情况下使用分析代码。我还找到了几个链接，但它们也使用服务器端代码。

【问题讨论】：

【参考方案1】：

从技术上讲，是的，因为您需要做的就是向 Google 请求 __utm.gif 并附上合理的查询字符串。 Google Analytics without javascript or cookies 上的这篇博文很好地概述了 __utm.gif 请求的外观。

Google Analytics（分析）实际上有一个非常标准的 php implementation，但我认为您想在没有任何动态语言的情况下执行此操作 - 只需一个静态跟踪像素来记录浏览量？

如果没有动态语言，GA 无法 100% 工作（并且可能根本无法工作）有很多原因。 GA 主要依靠 javascript（或服务器端语言）来设置用户的 utm cookie，这些 cookie 跟踪有关访问者来源的信息，并有助于关联单次访问的综合浏览量。

由于您可能只想跟踪单个页面的点击次数，我们或许可以取消这一点，尽管我不完全确定 GA 是否会使用某种垃圾过滤器自动过滤我们的点击.

但是，话虽如此，如果你想试试这个，我会在页面上放置一张 1x1 的图片，来源如下：

http://www.google-analytics.com/__utm.gif?utmwv=5.1.7&utms=1&utmn=1894752493&utmhn=www.lunametrics.com&utmcs=UTF-8&utmsr=1280×1024&utmsc=24-bit&utmul=en-us&utmje=1&utmfl=10.3%20r183&utmdt=Tracking%20QR%20Codes%20with%20Google%20Analytics&utmhid=1681965357&utmr=http%3A%2F%2Fwww.google.com%2Fsearch%3Fq%3Dtracking%2Bqr%2Bcodes%26ie%3Dutf-8%26oe%3Dutf-8%26aq%3Dt%26rls%3Dorg.mozilla%3Aen-US%3Aofficial%26client%3Dfirefox-a&utmp=%2Fblog%2F2011%2F08%2F18%2Ftracking-qr-codes-google-anaytics%2F&utmac=UA-296882-1&utmcc=__utma%3D230887938.1463229748.1317737798.1317737798.1317737798.1%3B%2B__utmz%3D230887938.1317737798.1.1.utmcsr%3Dgoogle%7Cutmccn%3D(organic)%7Cutmcmd%3Dorganic%7Cutmctr%3Dtracking%2520qr%2520codes%3B&utmu=DC~

您需要稍微调整源以适应您正在跟踪的网站 - 请参阅此LunaMetrics post 以供参考。至少，您需要更改 utmhn（主机名）、utmr（推荐人）、utmp（当前 URI）和 utmac（您的 GA 帐号）。

【讨论】：

这还能用吗？博客文章的链接现已损坏。 @Igal 您应该可以通过archive.org 查看博客文章。我不能保证这个解决方案是否仍然有效，多年来我没有与 GA 合作太多。这是第一个链接的更新链接：developers.google.com/analytics/resources/concepts/…【参考方案2】：

只需将图片指向包含您的帐户详细信息的网站，您就可以开始了！

公共服务中的URL格式为：

http://nojsstats.appspot.com/your-google-analytics-user-account/your-website.com

例如：

http://nojsstats.appspot.com/UA-123456/your-website.com

示例（HTML 代码）：

<img src="http://nojsstats.appspot.com/UA-123456/mywebsite.com" />

示例（BBCode）：

[img]http://nojsstats.appspot.com/UA-123456/mywebsite.com[/img]

示例（CSS 代码）：

body
background: url("http://nojsstats.appspot.com/UA-123456/mywebsite.com");

注意：

If your website uses SSL, you have to point to our SSL version:
httpS://nojsstats.appspot.com/UA-123456/yourwebsite.com

仅当您的网站使用 SSL 时才使用 SSL 版本。 致谢：http://nojsstats.blogspot.in/

【讨论】：

不错的发现 - 我以前从未见过 nojsstats。不过，您应该在他们的网站上加上一些功劳，因为您的答案是直接从 nojsstats.blogspot.com 复制而来的。 "仅当您的网站使用 SSL 时才使用 SSL 版本。" 请注意，最好使用以下内容作为图像标签：<img src="//nojsstats.appspot.com/UA-123456/mywebsite.com" /> ... this将强制使用与托管站点相同的协议 (http|https|etc)。【参考方案3】：

我在试图弄清楚如何在 Google 幻灯片中嵌入分析跟踪时遇到了这个问题。在遵循上述答案中的一些参考资料后，我意识到自发布原始答案以来情况发生了一些变化。

Google 现在有了自己的Measurement Protocol，它填补了_utm.gif 之前所做的相同领域。

https://developers.google.com/analytics/devguides/collection/protocol/v1/ https://developers.google.com/analytics/devguides/collection/protocol/v1/reference

官方指南和参考资料比之前的一些答案更完整。

简单地说，发送一个get/post到

https://www.google-analytics.com/collect

包含您要设置的所有值（请参阅massive reference）

基于此以及@greg Answer，嵌入的 HTML 可能是（未经测试的）：

<link rel='stylesheet' href='https://www.google-analytics.com/collect?utmwv=5.1.7&utms=1&utmn=1894752493&utmhn=www.lunametrics.com&utmcs=UTF-8&utmsr=1280×1024&utmsc=24-bit&utmul=en-us&utmje=1&utmfl=10.3%20r183&utmdt=Tracking%20QR%20Codes%20with%20Google%20Analytics&utmhid=1681965357&utmr=http%3A%2F%2Fwww.google.com%2Fsearch%3Fq%3Dtracking%2Bqr%2Bcodes%26ie%3Dutf-8%26oe%3Dutf-8%26aq%3Dt%26rls%3Dorg.mozilla%3Aen-US%3Aofficial%26client%3Dfirefox-a&utmp=%2Fblog%2F2011%2F08%2F18%2Ftracking-qr-codes-google-anaytics%2F&utmac=UA-296882-1&utmcc=__utma%3D230887938.1463229748.1317737798.1317737798.1317737798.1%3B%2B__utmz%3D230887938.1317737798.1.1.utmcsr%3Dgoogle%7Cutmccn%3D(organic)%7Cutmcmd%3Dorganic%7Cutmctr%3Dtracking%2520qr%2520codes%3B&utmu=DC~' />