制作のご相談はこちら
スマホで見ている時だけ電話番号にリンクが付くjQueryコード

公開日 : 2018年05月28日

スマホで見ている時だけ電話番号にリンクが付くjQueryコード

サイトのお問い合わせで電話番号を記す機会があると思います。
PCの時はそのままでも良いですが、スマホの時は電話番号をタップすると直接電話を掛けられると親切ですよね。
ユーザー側の掛け間違い防止にもなります。

PCとスマホを切り分けているコードなら別々にtelリンクの有無で書き分ければいいのですが、PCとスマホ同じコードを使用している(レスポンシブサイト)場合は下記のようなjQueryでスマホの時だけaリンクが付くような設定にしましょう。

サンプルコード

こちらの記事を参考にさせていただきました。
レスポンシブのサイトでスマホの時だけtelリンクを有効にする