便利なClick to Callとは
スマホなど通話機能を備えた端末では、ユーザーはウェブサイトや広告に表示された電話番号をタップするだけで、簡単に電話をかけることができます。
この機能は一般にClick to Call呼ばれます。
リンクタグにtel: スキームを使用
tel: スキームを使用して、電話番号にハイパーリンクを設定します。
htmlに電話番号を入力するためのタグのコピペ
tel:の部分には半角数字で電話番号を入力。
通常のハイパーリンクタグと同じで、リンク文字には「電話番号」や「今すぐ電話」などのテキストや、「画像」を追加することができます。
1 | TEL:<a href="tel:03-xxxx-xxxx">03-xxxx-xxxx</a> |
↑ここからソースコードをコピーできます。
画像で電話番号にリンクするならこれをコピペ
通常のリンクのhtmlと同じ考え方で大丈夫です♡
1 | <a href="tel:03-xxxx-xxxx">ここに画像</a> |
↑ここからソースコードをコピーできます。
電話のアイコンをタップしてみてください📱
HTMLで電話発信ボタン
tel:のハイフンは必要?
tel:の中にハイフンはどちらでもOKです。
Googleデベロッパーズではハイフンありの構文が紹介されています。