jQueryの.attrでonclick属性を自動挿入

Question

前提・実現したいこと

電話番号リンクのaタグに自動的にonclick属性を挿入する。
またその際、値の一部をhrefの中身によって変化させる。

例）<a href="tel:XXXXX">電話リンク</a>
実行後↓
<a href="tel:XXXXX" onclick="ga('send', 'event', 'tel', 'tap','tel:XXXXX');">電話リンク</a>

jQuery("a[href ^= tel]").each(function () {
    var href = jQuery(this).attr("href");
    jQuery(this).attr(
        "onclick", "ga('send', 'event', 'tel', 'tap','" + href + "');"
    );
});

発生している問題

PC(Chrome)では期待した結果が得られていますが、同ページをスマホ（Safari）で開いてから「ViewSource」にてソース確認すると、onclickが挿入されていません。

他の書き方や、スマホでjsが実行されない原因など、お心当たりの方よろしくお願いいたします。

Answer 1

「ViewSource」にてソース確認する

開発ツール画面でみてください。
onclickをattrで指定するのは愚策だと思いますけどね

Comments

[yambejp]

<script>
$(function() {
$("a[href ^= tel]").attr( "onclick",function(){
return "return ga('send', 'event', 'tel', 'tap','" + $(this).attr('href') + "');";
});
});
function ga(...args){
console.log(args);
return false;
}
</script>
<a href="tel:XXXXX" >電話リンクX</a>
<a href="tel:yyyyy" >電話リンクY</a>

Answer 2

「ViewSource」にてソース確認すると、onclickが挿入されていません。

それはサーバから送られたHTMLを表示する機能なのではないでしょうか。そうだとしたら、JavaScriptによる変更は関係しません。