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 Telephone Time-of-Day Service +1 (303) 499-7111

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

電話機能を備えたほとんどの端末では、番号がダイヤルされる前にユーザーに確認画面を表示することで、ユーザーが意図せずに高額な長距離通話やプレミアム電話番号への発信をするのを防いでいます。端末が電話機能をサポートしていない場合、メニューが表示されて、ブラウザが数字をどのように処理するかをユーザーが選択できるようになっています。

音声通話に対応していないデスクトップ ブラウザでは、Google Voice や Microsoft Communicator など、コンピュータのデフォルトの電話アプリを起動します。

国際電話の形式を使用する

電話番号は、必ず国際電話番号の形式に従って、プラス記号(+)、国コード、エリアコード、番号の順に記載してください。必須ではありませんが、番号の各セグメントをハイフン(-)で区切り、読みやすく、自動検出を容易にすることをお勧めします。

ハイフンで区切られた国際電話の形式を使用すると、ユーザーが数百メートル離れているときでも数千キロメートル離れているときでも、発信場所にかかわらず電話がつながります。

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

最新のモバイル ブラウザは、電話番号を自動的に検出して 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: スキーマもサポートしています。ただし、サポートに一貫性はなく、メッセージ本文の設定などの一部の機能が動作しない場合があります。

フィードバック