Javascript 如何使lightbox转换成为lightbox中图像点击的分析

我甚至不确定我是否正确地问了这个问题，但我在网上找不到任何在这方面对我有帮助的资源

由于lightbox转换并没有真正注册为照片点击进行分析，因此我试图找出一种方法，将照片之间的转换链接到lightbox查看期间的点击次数，以及每个缩略图上的点击次数

我在前面的一个线程中发现了这一点，该线程添加了一个后加载功能，但不确定在我的wordpress编辑器中将其粘贴到何处，以及在单击前/后箭头时如何将其修改为包含灯箱过渡：

afterLoad: function() {
      _gaq.push(['_trackEvent','Lightbox','Open',this.href, ,true]);
 },

摘自本网站：

以下是照片库页面的直接链接：

---

谢谢。

我想问题是：每次在灯箱上进行照片转换时，如何注册事件

首先要注意的是，您的问题中的代码片段是针对Google Analytics Classic（ga.js）的，但是您的站点运行Google Universal Analytics（analtyics.js），因此您需要使用正确的代码（而不是您问题中的代码）

首先，确定要跟踪的事件的值，并以以下格式编写通用分析的JS：

ga('send', 'event', '[category]', '[action]', '[label]', [value]);

然后需要绑定到滚动事件，即单击左/右箭头。幸运的是，这两个箭头都有“fancybox nav”类，因此您可以绑定到这两个类，然后只需启动跟踪

只需考虑的是动态创建覆盖，所以我们必须将事件委托给每个体中的“FANCYBOX NaV”元素，以确保动态元素也自动绑定。

因此，使用jQuery的完整代码如下（请记住替换占位符文本）：

将这一切包装在jQuery（document）.ready（）包装器中，并将其放入这些页面上加载的任何JS文件中——最好是通过模板而不是插件加载的JS文件，这样它就不会被定期覆盖

你需要这样做

---

要仔细检查事件是否触发，您需要调试/监视GA调用

在代码的某个地方，您可能有一段JavaScript，它将灯箱功能附加到图像上。我对Wordpress不是很熟悉，但是如果你不是故意这么做的话，它可能在插件的某个地方。如果你可以编辑，你可以在那里做。风险是当你更新插件时会丢失它。如果你能用你的后装来定义附加选项/扩展选项，那就更好了。谢谢Rik和dmpg__tom的回复。我将尝试用您提供的dmpg_tom解决方案绑定左/右箭头，并在完成后在此处提供我的结果。谢谢你的帮助。我尝试了你提供的代码，@dmpg\u tom。下面是我使用的：'jQuery（document）.ready（function（）{jQuery（'.fancybox-nav'）。on（'click'，function（）{ga（'send'，'event'，'[lightboxClicks]'，'[lightboxPhotos]'，[lightboxValue]）；}）；'我将它添加到一个名为placeholder.js的js中。我的问题是，我如何检查它是否真的在运行。该网站的广告人通过他的双击账户查看分析结果。我可以在那里查看，看看它是否出现在我制作的名为“lightbox”Nadim的新类别下的指标中，有两件事：1。您可以删除值中的方括号，这只是为了表示这些是占位符。2.lightboxValue必须是整数。3.要检查其工作情况，您需要查看chrome中开发者工具（或所选浏览器中的类似工具）的“网络中的HTTP调用”选项卡，并查找到google-analytics.com/collect的事件调用？这种类型的调试需要一些解释，所以请看一下我的指南：Hi-dmpg_-tom。这是我使用的最后一个代码：$（document）.ready（function（）{$（'.fancyboxnav'）.on（'click'，function（）{ga（'send'，'event'，'lightbox'，'lightboxClicks'，'lightboxPhotos'，100）；}）；}）；我为Chrome添加了Google Analytics调试器，今天再次检查。我发现这个结果：尺寸1×1文件大小35 BMIME typeimage/gifullhttp://www.google-analytics.com/collect?v=1&_v=j39&a=859702087&t=pageview&_这是一个很好的例子。根据说明，我不确定这是否是应该阅读或操作的方式。您好，Nadim，此URL显示“页面视图”正在发生，您正在查找“事件”（t=event）。实际原因是ready（）调用中缺少对匿名函数的调用。您定义了您希望在DOM上实现的函数，但没有执行代码。你需要使用jQuery而不是$，因为你的站点就是这样写的：jQuery（document）.ready（function（）{jQuery（'.fancybox nav'）。on（'click'，function（）{ga（'send'，'event'，'lightbox'，'lightboxClicks'，'lightboxPhotos'，100）；}）；}（）；

jQuery('body').on('click', '.fancybox-nav', function(){ 
  ga('send', 'event', 'lightbox', 'lightboxClicks', 'lightboxPhotos', 100);
});