將 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]);
});

如果這有效，請告訴我，謝謝。