將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添加到所有電話鏈接

回答

相關問題