我正在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
.
我们的错误在哪里??
最合适的回答,由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当然,我们可以改变。按钮的类名,并向按钮添加一个ID,如push me,因此$(\'#mybutton999\').click(function() {
传输:“beacon”延迟加载外部URL,直到将其发送到Google Analytics。但它并不与所有的互联网浏览器兼容再次,有关eventCategory、eventAction、transport等的更多信息,请点击此处:https://developers.google.com/analytics/devguides/collection/analyticsjs/events最后,请注意,当我按下按钮进行测试时,我在Google Analytics(实时事件)中看到了实时。