使用 Google Analytics 跟踪 Fancybox（jQuery Lightbox）中的图像视图

我正在这个网站上工作：http://www.vomero.co.uk/Torquay.aspx http://www.vomero.co.uk/Torquay.aspx并希望跟踪图像的视图（在 Fancybox 画廊中打开）。

我知道我可以为每个图像添加一个 onClick 事件，但由于图库允许用户使用下一个/上一个图标查看所有图像，因此用户不太可能实际单击每张照片。

有任何想法吗？

谢谢，马特

我想我找到了一个很好的解决方案。 如果您仅将“onComplete”键添加到 fancybox() 对象中并传递 Google Analytics 自定义操作的值 - 每次完全加载 fancybox 的内容时，它将记录一个自定义操作...

如果你把它添加到你的 fancybox 中，它会自动在 My-Category 下记录 My-Action，并使用链接标题作为标签：

'onComplete':function(){_gaq.push(['_trackEvent','My-Category','My-Action', this.title]);}

fancybox 调用示例：

jQuery(document).ready(function(){
    jQuery('a[rel=screenshots]').fancybox({
        'type':'image',
        'transitionIn':'fade',
        'transitionOut':'fade',
        'onComplete':function(){_gaq.push(['_trackEvent','ComicBox','Screenshots', this.title]);}
    });
});

从示例链接调用：

<a href="screenshots/screenshot_2.png" rel="screenshots" title="Screenshot 2" target="_blank">Screenshot 2</a>

上面的链接将在 fancybox 中打开图像，当图像完全加载时，它将触发谷歌分析，该分析将在“屏幕截图”下记录一个新操作，标记为 “屏幕截图 2” - 所有这些都在名为“ComicBox”的自定义事件类别下

希望这可以帮助.. 如果没有 - 检查我的实时代码http://www.hauntly.com/ http://www.hauntly.com/