jquery - 使用 Google Analytics 跟踪 Fancybox(jQuery Lightbox)中的 ImageView

Question

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

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

有什么想法吗？

谢谢，马特

Answer 1

我想我找到了一个很好的解决方案。如果您仅将“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/