Click-to-Call

電話機能を備えたデバイスでは、ユーザーが電話番号をタップするだけで、簡単に電話で直接つながることができます(一般に Click-to-Call と呼ばれます)。

まとめ

  • tel: スキーマを使用して、すべての電話番号をハイパーリンクでラップします。
  • 必ず国際電話形式を使用してください。

最新のモバイル ブラウザの多くは、電話番号を自動的に検出してリンクに変換しますが、コード内で直接行うことをおすすめします。各電話番号に手動でタグを付けると、電話番号が常に Click-to-Call 可能になり、サイトに合わせてスタイルが設定されます。

電話番号をリンクとしてマークするには、tel: スキームを使用します。構文はシンプルです。

NIST Telephone Time-of-Day Service
<a href="tel:+1-303-499-7111">+1 (303) 499-7111</a>

ブラウザでは、この構文が次のように表示されます。

NIST 電話時間帯サービス +1 (303) 499-7111

Click-to-Call の例
Click-to-Call の例

電話機能を備えたほとんどのデバイスでは、ユーザーがだまされて高額な長距離通話や追加料金のかかる電話番号に発信できないように、番号がダイヤルされる前に確認が表示されます。デバイスが通話をサポートしていない場合、メニューが表示され、ブラウザでの番号の処理方法を選択できます。

音声通話に対応していないパソコンのブラウザでは、Google Voice や Microsoft Communicator など、パソコンのデフォルトの電話アプリを開きます。

国際電話形式を使用する

電話番号は、必ず国際電話形式(プラス記号(+)、国コード、市外局番、電話番号)を使用して指定してください。必ずしも必要というわけではありませんが、数値の各セグメントをハイフン(-)で区切ると、読みやすく、自動検出の精度が向上します。

ハイフンで区切られた国際電話形式を使用すると、ユーザーが数百メートル離れていても、数千 km 離れていても、ユーザーの電話が接続されます。

必要に応じて自動検出を無効にする

最新のモバイル ブラウザでは電話番号が自動的に検出され、Click-to-Call が有効になります。Mobile Safari では、電話番号が関連付けられたハイパーリンク スタイルで自動的にリンクに変換されます。Chrome for Android では、電話番号が自動的に検出され、Click-to-Call が可能になりますが、電話番号がハイパーリンクで囲まれたり、特別なスタイルが適用されたりすることはありません。

Mobile Safari で電話番号が自動的に検出されないようにするには、次のメタタグをページに追加します。

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

その他の Click-to-Call 機能

最新のブラウザの中には、tel: スキーマに加えて sms: スキーマと mms: スキーマもサポートしているものがありますが、サポートに一貫性がなく、メッセージ本文の設定などの一部の機能が必ずしも動作するとは限りません。

フィードバック