Javascript 将onclick添加到所有电话链接

我有一个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>

问题是，我无法将其添加到我的“行动呼吁”按钮中。我只能使用

电话：800222111

。我知道我可以使用全局javascript，但我不知道如何更改所有tel链接以添加onclick选项

---

任何人对此有什么想法，或者以前有人做过类似的事情吗？

这会将

onclick

事件添加到每个

a

标记，其

href

以

tel

开头

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

请试试这个：

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

---

如果可以，请告诉我，谢谢。

您可以使用纯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);

document.addEventListener（“DOMContentLoaded”，函数（）{
var elements=document.querySelectorAll（“a[href^='tel:']），
l=元素长度；
对于（变量i=0；i

---

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

您是否试图查找所有号码并将其标识为电话号码？或者你有一些关于电话号码和类的包装器？这是它在显示电话号码链接时显示的实际代码：看起来它可以工作，但没有起作用。不确定这是否有帮助，但我刚刚了解到wordpress在无冲突模式下使用jquery，只使用无冲突而不是“jquery”。无论如何，要在没有jquery和javascript的情况下实现这一点，出于某种原因，jquery似乎无法与我的wordpress一起工作，至少我添加了任何自定义jquery