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

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

1 个答案: