jquery - 谷歌分析和 pinterest 事件跟踪

Question

我想就今天(2012 年 11 月 30 日)跟踪 pining 事件的最佳方式获得一些意见。据我了解，pinterest 正在开发一个 API，希望能够像 Facebook 或 Twitter 那样拥有真正的回调方法，因为它的按钮可以与谷歌分析相结合。但截至目前，我们必须尽力解决这个问题。

目前，我将 pinterest 链接包装在 div 中，因此在 pinit.js 执行此操作并创建实际按钮后，html 如下所示:

<div class="pin">
<a href="http://pinterest.com/pin/create/button/?url=mySite.com/path/to/content&description=yeah&media=yougetthepoint">
    <span class="PIN_1354295239838_hidden" id="PIN_1354295239838_pin_count_0"></span>
</a>                                        
</div>

我的想法是使用 jQuery 在 pin div 上添加跟踪事件，如下所示

$(document).ready(function() {
    $('div.pin').click(function() {
        _gaq.push(['_trackEvent', 'Pinterest Pins', 'Article Pin', $(location).attr('href')]);
    });
});

我知道它并不能 100% 知道用户实际上经历了固定过程，但我不确定除了等待更好的 api 之外还能做什么？

这听起来是目前在 ga 中进行一些事件跟踪的好方法吗？或者有人对更好的解决方案有一些建议或提示吗？

Answer 1

在这里回答我自己的问题。我继续实现了这个 jQuery 函数:

$(document).ready(function() {
    $('div.pin').click(function() {
        _gaq.push(['_trackSocial', 'Pinterest', 'Article Pin', $(location).attr('href')]);
    });
});

它找到包含固定按钮的div。每当点击它时，它都会推送一个 _trackSocial 事件。似乎正在发挥作用。我对固定的单个图像也做了同样的事情:

$('div.pinIt').click(function() {
    var imageURL = $(this).closest('div.showPin').find('img.lazy').attr('data-lazy-src'); 
    _gaq.push(['_trackSocial', 'Pinterest', 'Image Pin', imageURL]);
});