在WordPress中向Google Analytics发送点击事件:简单的方法

时间:2018-08-28 作者:chelder

我正在WordPress上设置链接跟踪。有多个指向同一站点的链接,它们都共享同一类:

<a class="gaClickTrack" href="https://www.amazon.es/Heromask-HeroMask-Aprende-idiomas-jugando/dp/B06XWHZ5Q4" target="_blank" rel="noopener">Buy Now Securely On Amazon!</a>

<img class="gaClickTrack wp-image-3372 size-medium" src="https://www.edinventa.com/wp-content/uploads/2018/07/buy-now-300x207.png" alt="Buy Now" width="300" height="207" />
我们正在使用“每页页眉”插件,它允许您向特定页面的部分添加内容,如自定义JS或自定义HTML。这是添加的自定义代码:

<script>
jQuery(\'.gaClickTrack\').on(\'click\', function() {
    ga(\'send\', \'event\', \'button\', \'click\', \'amazon-button-clicked\');
});
</script>
注意:如果我们使用$ 相反JQuery, 它似乎不起作用:控制台返回一个错误。

我们正在使用Chrome扩展Google Analytics调试器,但要么我们不知道如何使用它,要么它什么也检测不到。

我可以看到Google Analytics - Real time - General Vision, 它检测到页面上有人,但我在任何地方都看不到单击事件(我想它应该出现在Real time - Events.

我们的错误在哪里??

1 个回复
最合适的回答,由SO网友:chelder 整理而成

这在我的WordPress网站上运行。请记住,我们使用的是“每页页眉”插件,它允许您向特定页面的部分添加内容,如自定义JS或自定义HTML。这是添加的自定义代码:

<script>// <![CDATA[
jQuery(document).ready(function($){ 

$(\'.class-name-of-the-button\').click(function() {  

  ga(\'send\', \'event\', {
    eventCategory: \'Outbound Link\',
    eventAction: \'click\',
    eventLabel: event.target.href,
    transport: \'beacon\'
  });

});

});
// ]]></script>
说明:

我们必须添加jQuery(document).ready(function($){ 开始时注意:我认为// <![CDATA[// ]]> 实际上不需要,因为按钮将我们带到外部网站,我们应该添加eventLabel: event.target.href 正如这里所解释的:https://developers.google.com/analytics/devguides/collection/analyticsjs/events$(\'#mybutton999\').click(function() { https://developers.google.com/analytics/devguides/collection/analyticsjs/events

结束