スクリプトタグ内に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

ここでは、コードが機能しない理由であるボタンではなくscriptタグを作成しています。

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'); };