スマートフォンで、リンクや画像を押して電話をかけるHTMLタグの設定

  • 2018年1月17日
  • 2024年3月19日
  • HTML
  • 10361view

スマートフォンで、リンクや画像を押して電話をかけるHTMLタグの設定です。

ホームページを見て、お問い合わせをしたいとき、この対応をしていないと、電話をかけるほうが面倒です。

 

例えば,0120-00000-00000に書けたい場合(サンプルなので、わざとかからないようにしています)

<a href="tel:01200000000000">電話はこちらへ</a>

とリンクをつけるイメージでやります。

tel:のあとに、必要な電話番号を入力してください。

電話はこちらへ

注:電話番号が正しくないため、動作しません。
こうすると、タップを押すと電話をかけることができます。

 

では、お問い合わせの画像はどうしたらいいのでしょうか。

 

こういうものですね。下記の画像をクリックすると、電話がかかります(本当の電話番号ではないので、実際はかかりませんが。)

これも簡単です。aタグとimgタグの組み合わせですね。

このように挟んであげます。

<a href="tel:01200000000000"><img src="画像パス"></a>

でできるようになります。

最新情報をチェックしよう!
>メールマガジン登録特典" width="640" height="454" >

メールマガジン登録特典

有料級のAI活用や自動化に関する様々なレポートをダウンロードできます

CTR IMG