将onclick添加到所有电话链接

我有一个WordPress网站。一切工作都很完美，没有问题。我试图找出如何做的唯一事情是跟踪只要有人点击以下配置的电话链接：将onclick添加到所有电话链接

<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选项。

任何人有任何想法如何做到这一点或有任何人已经做过这样的事情吗？

来源

2015-11-19 Brad Hazelnut

您是否在尝试查找所有号码并将其标识为电话号码？或者你有一些与电话号码包装类？ – Vasimkhan

这是它显示电话链接时显示的实际代码： 8002221111 –

这会将onclick事件添加到每个a标记，其标记href以tel开头。

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

来源

2015-11-19 16:40:26 ojovirtual

请试试这个：

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

，如果这个工程，请让我知道，谢谢。

来源

2015-11-19 16:52:49 Vasimkhan

看起来好像可以工作，但它没有接听。不知道这是否有帮助，但我只是读了wordpress在没有冲突模式下使用jquery –

只是使用没有冲突，而不是“jQuery”。 – Vasimkhan

无论如何做到这一点没有jQuery和只有JavaScript，由于某种原因jQuery的似乎并没有与我的WordPress的工作至少任何自定义jQuery我添加 –

你可以用普通的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 +和所有其他现代浏览器兼容。

来源

2017-09-28 19:52:52

将onclick添加到所有电话链接

回答

相关问题