javascript - 第三方 JavaScript 小部件的分析

标签 javascript google-analytics widget analytics

我正试图找到分析第 3 方 JavaScript 小部件的最佳方法 - 即分发给任意数量的任意用户的工具和内容,这些用户将小部件作为带有标签的 HTML 片段包含在内。

在同一个域上

请注意,小部件不会加载到具有从外部站点加载的文档的 iframe 元素中。相反,它们将内容加载到主机页面的 DOM 中 - 也就是说,它们被视为与主机位于相同的域

主机页面片段分析

所以,从本质上讲,我想跟踪统计信息(例如小部件内的小部件 View 用户点击自定义交互),但是我只想跟踪作为小部件的主机页面片段的统计信息。我不想跟踪在小部件之外的主机页面上的点击。

我希望将统计数据整理在一起,以便将站点 A 上的小部件的统计数据与站点 B 和站点 C 等上的小部件的统计数据汇总。

问题

  1. 能否以满足这些要求的自定义方式使用 Google Analaytics?还是无法将 GA 与主机页面上收集的其他数据分开?
  2. 如果可以使用 Google Analytics,那么如果主机页面已经使用 GA(具有不同的 GA 配置文件 ID),是否会出现问题,或者是否可以将它们安全地分开?
  3. 是否有任何其他分析包适合小部件统计跟踪,以满足这些要求?
  4. 或者,您还会如何解决获取这些小部件的统计信息的问题?

最佳答案

GA 可用于此目的,但由于它是一个免费工具,与其他工具相比它有一些限制。其他工具的例子有 Yahoo Web Analytics (YWA)、Omniture SiteCatalyst 和 Webtrends。

大多数跟踪工具都可以进行自定义链接和“事件”跟踪。基本上你要做的是查找自定义链接跟踪所需的代码片段,并将其放入包装函数中以在 onclick 事件中执行(或添加事件监听器等)。

您要做的第一件事是决定您希望小部件具有哪些“事件”。您提到计算“小部件 View ”。这很容易做到:只需在嵌入小部件的页面上放置一段自定义代码即可。

但除此之外……点击任何按钮算作单个事件吗?每个按钮是否表示不同的事件?等等...另外,是否有您想要与按钮相关联的任何自定义值,例如产品 ID 或描述或其他内容。

在决定要跟踪的内容时要问自己的另一个重要问题是“这些数据的可操作性如何?”几乎没有什么是您无法跟踪的,但是有很多东西对于做出真正​​的业务决策并不是很有用。

例如,听起来您总体上想要尝试衡量用户与小部件的交互。我敢肯定,这个想法是为了弄清楚它们对人们有多有用、有吸引力等等……这样你就可以弄清楚是否值得进一步开发它们,或者向它们砸钱还是放弃它们。很公平。但请记住让事件以目标为导向。知道用户点击按钮的次数不是很有用,因为它本身并不是很可行。了解人们完成某个过程或步骤的次数等更具可操作性。

一旦您列出了所有要跟踪的内容和时间,就可以开始构建自定义代码。

使用 GA,有两种主要的方法来跟踪事件和指标:通过步骤/目标,以及通过自定义变量。使用 GA 设置步骤/目标的方法是让 GA 与页面的 URL 相匹配。例如,如果您有新闻通讯注册表单,表单页面可能是 signup.html,确认页面可能是 signup_confirmation.html。然后,您将在 GA 界面中设置一个目标。目标将与 signup_confirmation.html 相匹配,您可以采取一个步骤来寻找 signup.html。然后您可以看到有多少人查看了您的表格并完成了它,有多少人放弃了它。

通过将虚拟页面 View 推送到 GA,您可以对事件使用相同的跟踪方法。

这是一篇详细介绍如何推送虚拟页面 View 的文章:

http://www.google.com/support/analytics/bin/answer.py?hl=en&answer=55521

但基本上,每当事件发生时(如小部件 View 、单击按钮等),您将执行以下 javascript:

pageTracker._trackPageview('此处为虚拟网址');

关于此方法的主要注意事项是您可以通过传递分隔值来组织/分类/提供数据的层次结构。这将帮助您汇总不同小部件/站点的数据。

记录事件的第二种方法是使用自定义变量。在事件期间使用自定义变量提供了很多报告的可能性和灵 active 。以下是如何使用它们的链接:

http://code.google.com/apis/analytics/docs/tracking/gaTrackingCustomVariables.html

关于javascript - 第三方 JavaScript 小部件的分析,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3328664/

相关文章:

visual-studio-code - 如何在 Visual Studio Code 中使用 Flutter 的 Widget Inspector?

c++ - 如何将父小部件焦点重定向到子小部件?

android - 在午夜更新 Android Widget

javascript - 在 slidify 中为第二级元素符号点设置动画

javascript - 使用 Javascript 的正则表达式从字符串中提取中间名和姓氏

google-analytics - 谷歌分析嵌入 API : Set selector display defaults

google-analytics - Analytics(分析)中的规范网址

javascript - 如何覆盖 jquery _blank?

javascript - 什么更快 : `find().limit(1)` or `findOne()` in MongoDB/Mongoose?

google-analytics - 哪里可以找到Google Analytics(分析)Big Query的项目ID