将 onclick 添加到所有电话链接

Question

我有一个 wordpress 网站。 一切正常，没有问题。 我唯一想弄清楚如何做的就是在有人点击带有以下内容的电话链接时进行跟踪：

<a href="tel:8002221111" onclick="_gaq.push(['_trackEvent', 'Mobile', 'Click to Call'])">Click here to call us now at 1-800-222-1111.</a>

问题是我无法在我的号召性用语按钮中添加它。 我只能使用tel:8002221111 。 我知道我可以使用全局 javascript，但我不知道如何更改所有电话链接以添加 onclick 选项。

任何人都对如何做到这一点有任何想法，或者以前有人已经做过这样的事情吗？

Answer 1

这会将onclick事件添加到每个href以tel开头的a标签中。

$("a[href^='tel']").on("click",function(){
    _gap.push(['_trackEvent', 'Mobile', 'Click to Call']);
});

Answer 2

您可以使用纯 JavaScript 执行此操作：

document.addEventListener("DOMContentLoaded", function () {
    var elements = document.querySelectorAll("a[href^='tel:']"),
        l = elements.length;
    for (var i = 0; i < l; ++i) {
        elements[i].addEventListener("click", function () {
            _gaq.push(['_trackEvent', 'Mobile', 'Click to Call']);
        });
    }
}, false);

与 IE9+ 和所有其他现代浏览器兼容。

Answer 3

请试试这个：

jQuery('body').on('click', 'a[href^="tel:"]', function() {
       _gaq.push(['_trackEvent', 'ClickToCall', 'CallRequest', 'Mobile', undefined, false]);
});

如果这有效，请告诉我，谢谢。