如何在脚本标记中插入Google Analytics事件

Question

我有一个Wordpress网站，我激活了一个WhatsApp聊天插件。我想跟踪，当人们点击该按钮，但我不知道热插入：

ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue], [fieldsObject]); 

的插件里面的代码：

<!-- WhatsHelp.io widget --> 
<script type="text/javascript"> 
    (function() { 
     var options = { 
      whatsapp: "+XXXXXXXXX", // WhatsApp number 
      company_logo_url: "//example.com", // URL of company logo (png, jpg, gif) 
      greeting_message: "xxxxx", // Text of greeting message 
      call_to_action: "xxxxx", // Call to action 
      position: "right", // Position may be 'right' or 'left' 
     }; 
     var proto = document.location.protocol, host = "whatshelp.io", url = proto + "//static." + host; 
     var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js'; 
     s.onload = function() { WhWidgetSendButton.init(host, proto, options); }; 
     var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); 
    })(); 
</script> 
<!-- /WhatsHelp.io widget --> 

我试图把这一行：

s.onclick = function() { ga('send', 'event', 'WhatsApp', 'whatsappclick'); }; 

但是不起作用。

谢谢！

Answer 1

这里是创建脚本标记而不是按钮，这是你的代码不工作的原因。

因为whatsapp按钮的类是固定的和唯一的，所以可以在这里完成一个小小的破解。

把它放在s.onload函数中。这里唯一的要求是你在这个脚本之前加载你的ga脚本。

var whatsapp_button = document.getElementsByClassName("wh-widget-button wh-widget-button-activator"); 
whatsapp_button[0].onclick = function() { ga('send', 'event', 'WhatsApp', 'whatsappclick'); };