捕获点击 addThis 按钮

Posted 2023-02-24

【中文标题】捕获点击 addThis 按钮

【英文标题】：capture click of addThis button

【发布时间】：2012-08-22 08:38:42

【问题描述】：

我正在使用 addThis 小部件在我的网站上显示 Facebook、Twitter、Google、Blogger、Wordpress 徽标。

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-1324kj34h243kjh2"></script>

我想知道当有人出于 Google Analytics（分析）跟踪原因而点击其中一个按钮时我可以捕捉到的一种方式。我试图将 onClick 添加到锚点，但这不会触发 - 大概是因为标记是由包含的 JavaScript 重写的。

这是我的代码：

<div class="addthis_toolbox addthis_default_style"> 
    <div class="share-icons" id="share-icons">
        <span id="share-title">Share</span>
        <span class="spacer"></span>
        <a class="addthis_button_email left" title="Email" onClick="_gaq.push(['_trackSocial', 'addThis', 'email']);">&nbsp;</a>

        <a class="addthis_button_facebook left" title="Facebook">&nbsp;</a>
        <a class="addthis_button_twitter left last" title="Twitter">&nbsp;</a>

        <a class="addthis_button_google left" title="Google">
        <img src="images/google.gif"  />
        </a>
        <a class="addthis_button_blogger left" title="Blogger">&nbsp;</a>
        <a class="addthis_button_digg left last" title="Wordpress">&nbsp;</a>
    </div>  
</div>

我目前正在使用 addthis_config 报告 GA 活动，但我希望向两个配置文件报告，因此我正在寻找一种捕获点击的方法，因为这似乎是解决问题的最佳方法。

【问题讨论】：

我尝试使用您的代码，在我的情况下，JavaScript 方法确实被调用了。

你有没有机会在 jsFiddle 中有它？

【参考方案1】：

确保您在 DOM 上附加了该 div 以确保您可以使用事件。否则检查liveQuery。

我没有使用 addThis 小部件，但我会尝试使用 jQuery 使用类名：

$.('.addthis_button_email').click(function()
    //Count it...
);

或者在每个按钮中使用自定义方法：

<div class="addthis_toolbox addthis_default_style"> 
    <div class="share-icons" id="share-icons">
        <span id="share-title">Share</span>
        <span class="spacer"></span>
        <a class="addthis_button_email left" title="Email" onClick="notifyGA(information....)">&nbsp;</a>