おはようございます。和田です。
今日は、スマートフォンで電話が出来るリンクボタンを設定する方法をお伝えします。
スマートフォンの普及台数が急速伸びていることもあり、スマートフォン向けのサイトを検討する機会も増えてきたと思います。
実は、スマートフォンサイト制作する時に検討しておきたい機能が電話をする機能です。
スマートフォンは電話は、ケータイ電話なので、音声通話ができます。
ボタン一つで電話で問い合わせができる機能は、電話の受付窓口がある企業は、取り組むべき機能です。
スマートフォンは、問合せ先の電話番号が表示されていると、一部のスマートフォンでは、自動的に電話を掛けることができるように変換されますが、電話番号以外を誤認してしまうこともありますし、表示方法もスマートフォンによって異なります。
デザインを崩さないように、確実に電話を掛ける機能を使うためには、簡単な設定が必要になります。
まず始めは、headタグ内に、電話番号に自動的にリンクが付かないようにするタグを記載します。
＜meta name="format-detection" content="telephome=no"＞
そして、電話を掛ける機能を設置したい場所に、電話番号へのリンクを設定します。
＜a href="tel:0120-00-0000"＞電話で問い合わせをする｜0120-00-0000＜/a＞
ボタンを使う場合には、ボタンへのリンクを設定します。
スマートフォンを活用する場合には、電話という導線を忘れないように考えておくことが大切です。