将分析事件添加到 Google 课堂分享按钮答案

【问题标题】：Adding an Analytics Event to the Google Classroom Share button将分析事件添加到 Google 课堂分享按钮
【发布时间】：2017-02-08 03:02:57
【问题描述】：

我最近在我的网站上添加了 Google 课堂分享按钮。每次单击此共享按钮时，我都希望触发 Google Analytics 事件。我试过使用 javascript onClick 来做，但是没有用。我认为这可能是因为这会在浏览器呈现时创建一个 iframe。

$('#___sharetoclassroom_0').on('click', function(e) {
    ga('send', 'event', 'gClassroom', 'gClassroom Click', 'Google Classroom Clicked');
}

然后我看到了可以添加到 Google Classroom 标签的“data-onsharestart”属性并尝试使用它。那也没用……

<g:sharetoclassroom url="URL" data-onsharestart="gClassroomCount" size="20"></g:sharetoclassroom>

function gClassroomCount() {
    ga('send', 'event', 'gClassroom', 'gClassroom Click', 'Google Classroom Clicked');
}

关于如何将此活动添加到 Google 课堂分享按钮的任何想法？

【问题讨论】：

标签： javascript google-analytics google-classroom

【解决方案1】：

您应该尝试使用analytics.js 库的debug 版本，该库在运行时将详细消息记录到Javascript 控制台。这些消息包括成功执行的命令以及警告和错误消息，当您的跟踪代码设置不正确时可以告诉您。它还提供发送到 Google Analytics（分析）的每个匹配项的明细，以便您准确了解正在跟踪的数据。

基于blog，如果您想要完全控制分享按钮的外观和行为（并且不需要回调），您可以自定义课堂图标，只要它仍然符合our branding guidelines并通过以下形式的 URL 发起共享：https://classroom.google.com/share?url=https://foo.com/

你也可以查看这个相关的SO question，希望对你有帮助！

【讨论】：

谢谢！也许我会使用自定义按钮。