添加onclick到所有电话链接

时间:2015-11-19 16:37:16

标签: javascript jquery wordpress

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

任何人对如何做到这一点有任何想法,或者之前有人已经做过这样的事情吗?

3 个答案:

答案 0 :(得分:5)

这会将onclick个事件添加到ahref开头的每个tel代码。

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

答案 1 :(得分:1)

您可以使用纯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 +和所有其他现代浏览器兼容。

答案 2 :(得分:0)

请试试这个:

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

如果有效,请告诉我,谢谢。