如何在腳本標記中插入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'); };