ホームページの作成や運用ノウハウについて、プロのクリエイターが情報を無料公開!

ホームページTIPS
facebook twitter mail

このサイトはコーディング初心者〜中級者向けの情報サイトです。掲載コードの転用制限はありませんが、
動作保証は行なっておりません。ご意見については、フォームからお知らせください。

javascriptに関するTips

更新日:2017.7.10

スマートフォン表示の時、電話番号などにタップコールを実装する方法

解 説

javascriptを記述して、スマートフォン閲覧時に電話番号やバナーなどをタップすると自動的に電話アプリが立ち上がる方法についてご紹介します。

1まずはタップコールを実装したいhtmlの箇所にクラス属性をつけます。
TEL:03-0000-0000

電話番号のロゴにクラス名:telephoneを付与しました。次にjavascriptの記述で、スマートフォン表示の時にtelephoneをタップした際、指定の番号に電話をかけるアプリ起動を発動させます。

2javascriptを以下のように記述します。


if条件分岐でスマートフォンOSを指定しておき、スマホ閲覧時にはクラス「telephone」に「a」タグのリンク指定で電話番号を指定します。

トップへ