今回Webサイトのリニューアルに伴い電話番号をスマホでタップすると自動発信する仕様にしました。
但しPCの場合、ダイアログが出てskypeを呼び出そうとしたりエラーになるのでユーザーエージェントによる切り替えを設定。PCによるリンクを無効にするためにヘッダー内に以下のscriptを貼り付けます。アンドロイドとiosには有効ですがwindows phoneは?
======================
<!– 電話番号のリンクPCで無効、スマホで有効–>
<script type=”text/javascript”>
function smtel(telno){
if((navigator.userAgent.indexOf(‘iPhone’) > 0 ) || navigator.userAgent.indexOf(‘Android’) > 0 ){
document.write(‘<a class=”tel-link” href=”tel:’+telno+'”>’+telno+'</a>’);
}else{
document.write(‘<span class=”tel-link”>’+telno+'</span>’);
}
}
</script>
======================
そして該当のhtmlに以下を貼り付け
======================
<div style=”color: #c70000; font-size: 220%; font-weight: bold; “>
<script type=”text/javascript”>smtel(’03-0000-0000′);</script>
</div>
======================
スタイル部分はCSSで適宜変更してください