電話のイベントトラッキングをjs内に記述して表示する方法をご教授いただけないでしょうか？

Question

コード
```**電話のイベントトラッキングをjs内に記述して表示する方法をご教授いただけないでしょうか？**


レスポンシブサイトで、電話番号をスマホ（電話番号表示）とPC（画像表示）で切り分けて見せ方を変えています。


■htmlは以下
<div class="number"><script type="text/javascript">smtel('00-0000-0000');</script></div>

■jsは以下で制御しています
function smtel(telno){
    if((navigator.userAgent.indexOf('iPhone') > 0 ) || navigator.userAgent.indexOf('Android') > 0 ){
        document.write('<a id="tellink" href="tel:'+telno+'">'+telno+'</a>');
        }else{
        document.write('<span id="tellink"><img src="/img/telnimg.png" alt="電話番号00-0000-0000" /></span>');
    }	
}



このjsに電話のイベントコンバージョン
onclick="ga('send', 'event', 'Tel', 'click', 'header'
をいれたいのですがエラーになってしまいます。

■以下エラーソース

function smtel(telno){
    if((navigator.userAgent.indexOf('iPhone') > 0 ) || navigator.userAgent.indexOf('Android') > 0 ){
        document.write('<a id="tellink" href="tel:'+telno+'" onclick="ga('send', 'event', 'Tel', 'click', 'header');">'+telno+'</a>');
        }else{
        document.write('<span id="tellink"><img src="/img/telnimg.png" alt="電話番号00-0000-0000" /></span>');
    }	
}

エラーにならずにイベントトラッキングを入れる方法をご教授いただけないでしょうか？

Comments

[kei344]

質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

Answer 1

おそらくシングルクオートをエスケープしていないからかと

document.write('<a id="tellink" href="tel:'+telno+'" onclick="ga(\'send\', \'event\', \'Tel\', \'click\', \'header\');">'+telno+'</a>'); 

【JavaScriptの文字列のエスケープ】
http://npnl.hatenablog.jp/entry/20070130/1170117853

それと、ソースコード部分は「```」で囲むと見易くなって回答者もすぐに回答しやすくなります。

Comments

[Kako7788]

ご指摘いただいたとおりでした。正常表示できるようになりました。ありがとうございます！

[Kako7788]

質問方法についても、ご指導ありがとうございます！