添加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事件添加到每个a以其href开头的标记中tel.

$("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+ 和所有其他现代浏览器兼容。