iPhone / iPad にて電話番号に自動で紐づくリンクを無効化する方法

iPhone / iPad にて電話番号に自動で紐づくリンクを無効化する方法

ios_phone_number_auto_link_top

iOS 端末で入力フォーム内にある電話番号の自動リンクを解除する

iOS 搭載の iPhone や iPad にある Safari などのブラウザにて、電話番号を入力・表示した際に自動で配信用のリンクが付与されるになるのを解除する方法について解説していきます。

Advertisement

発信用リンクの解除するタグ

電話番号の自動リンクを解除するには、meta タグにある「name="format-detection"」を使用します。

電話番号の自動リンクを解除するタグ

<meta name="format-detection" content="telephone=no">

「name="format-detection"」は、端末側に指示を出すタグ。主要な用途としてはスマホでサイトを見た際に、電話番号やメールアドレスへ勝手にリンクすることを禁止!などの指示を行うときに使われます。

 

一緒に設定することが多いメールアドレスの自動リンクの禁止も記載しておきます。

メールアドレスの自動リンクを解除するタグ

<meta name="format-detection" content="address=no,email=no">

 

発信用リンクの設定する方法

最後に電話番号を任意の地点で配信するタグも記載しておきます。

電話番号の配信リンクを付与するタグ

<a href="tel:0120xxxxxx">(任意のメッセージ)</a>

 

この記事が気に入ったら
いいね ! をお願いします

Twitter で

web開発カテゴリの最新記事