如何使用 Google Analytics 跟踪 HTML5 浏览器功能 (modernizr)？答案

【问题标题】：How can I track HTML5 browser features (modernizr) using Google Analytics?如何使用 Google Analytics 跟踪 HTML5 浏览器功能 (modernizr)？
【发布时间】：2011-09-19 12:48:41
【问题描述】：

我使用 Modernizr 已经有一段时间了，它根据用户的浏览器功能来设计我的网站。我也使用 Google Analytics 有一段时间了，但还没有对自定义变量做很多事情。

基本上，我想将这两个功能结合起来；我想向 Google 报告用户的浏览器支持哪些功能。在 Google 分析中，我想看看我的用户中有多少百分比的用户拥有支持 SVG 的浏览器，或者拥有灵活的盒子支持。

应该如何解决这个问题？我知道 Google 可以使用的自定义变量数量非常有限。如果我将正文的所有最终类放入一个字符串并将其作为一个自定义变量发布，我是否能够在 Google 中适当地分割我的数据？

感谢您的任何想法或见解。

【问题讨论】：

本主题告诉你如何做到这一点：stackoverflow.com/questions/6982255/…
@Sander 所以看起来不可能跟踪 Modernizr 测试的所有功能；一次只有几个。我希望有一种方法可以解决 Google Analytic 的 5 变量限制。无论如何，感谢您的链接；很奇怪为什么我之前搜索时没有显示出来。

标签： jquery google-analytics modernizr

【解决方案1】：

可以使用诸如pageTracker._trackPageview(); 之类的调用在 Javascript 中手动调用 Google 分析。这是相当简单的代码。有关可用的其他函数调用和示例代码，请参阅 Analytics API 手册。

Modernizr 为它检查的每个属性设置一个 Javascript 变量。编写一个if() 块来查看该属性并根据if() 的结果进行不同的_trackPageview 调用应该很简单。

【讨论】：

恐怕我的描述性不够；我希望能够跟踪 Modernizr 检测到的所有功能。由于 Google Analytics 一次只允许设置五个变量，我现在想知道如果将整个 body 类集用作 Analytics 变量中的字符串，或者 Google 是否会限制变量长度，是否可以进行分段。跨度>

【解决方案2】：

您无法轻松跟踪 Modernizr 的所有单个功能，并使其与 Google Analytics（分析）一起轻松使用。

但是，您可以使用 Modernizr results table 来了解每个浏览器支持的内容，然后通过 Google Analytics（分析）与您受众的浏览器进行交叉引用。

【讨论】：

这可能不是问题的直接答案，但它是整体问题的解决方案，并且是一个创造性的解决方案。谢谢你的想法。