如何在脚本标记中插入分析事件

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