HTML Callto
![HTML Callto](/img/HTML/feature-image---callto-html.webp)
callto
HTML タグを使用すると、Web サイトにクリック可能な電話リンクを簡単に作成できます。 リンクしたい電話番号を、callto:1-800-123-4567
のようにcallto
タグで囲みます。
誰かがリンクをクリックすると、相手の電話が自動的にその番号にダイヤルします。
HTML の callto
とは
HTML のCallto
は、ユーザーが電話番号をクリックして電話をかけることができるハイパーリンクです。 これは、Web サイトで連絡先情報を提供したり、ユーザーが Web ページから企業に直接電話できるようにするのに役立ちます。
Callto
HTML は a
要素と href
属性を使用して作成できます。
HTML での callto
の構文:
<a href="callto:1-800-123-4567">1-800-123-4567</a>
ユーザーが上記のリンクをクリックすると、電話は自動的にその番号にダイヤルします。
callto
埋め込みコードを HTML に使用する方法
Callto
埋め込みコードを使用すると、行動を促すフレーズのボタンを Web サイトに埋め込むことができます。 ユーザーがボタンをクリックすると、指定した Callto
URL を含む新しいウィンドウが開きます。
このコードはあなたのウェブサイトに使用できますが、URL
を自分のものに置き換えてください。
<a href="callto:URL">Call Me</a>
コードを使用して、訪問者に提供された番号に自動的にリダイレクトするボタンを作成することもできます。 これを行うには、次のように auto-dial
属性をコードに追加します。
<a href="callto:URL" auto-dial>Call Me</a>
例を見てみましょう。
<!DOCTYPE html>
<html>
<body>
<p>To create a link to a telephone number, use tel: inside the href attribute:</p>
<p><a href="tel:+4733378901" auto-dial>+47 333 78 901</a></p>
</body>
</html>
HTML で call-to-action
ボタンを作成する
HTML でのコーディングに慣れていない場合、CTA ボタンを作成するのは困難に思えるかもしれませんが、心配する必要はありません。 それはとても簡単です。
まず、<button>
タグを使用してボタン要素を作成する必要があります。 タグでは、必要なボタンのタイプを指定する必要があります。 この場合、行動を促すフレーズのボタンに type="submit"
属性を使用します。
<button type="submit"></button>
次に、ユーザーに表示されるコンテンツをボタンに追加する必要があります。 ボタンのスタイルとコンテンツは、ユーザーを惹きつけ、クリックするよう説得力のあるものでなければなりません。
<button type="submit">Let's have a meet up</button>
最後に、ボタンにリンクを追加して、ユーザーを実際のリンク (サインアップ フォーム、ニュースレター、会議の予約など) にリダイレクトする必要があります。
<!DOCTYPE html>
<html>
<body>
<p>To create a button for a phone number, use tel: inside the href attribute:</p>
<button type="submit"><a href="callto:1-800-123-4567">Call me </a></button>
</body>
</html>
それでおしまい! ほんの数行のコードで、行動喚起ボタンを作成して、ウェブサイトの訪問者を購読者、顧客、クライアントなどに変えることができます.
まとめ
callto
HTML は、Web サイトがそのサイトに通話ボタンを配置できるようにするコードです。 ボタンをクリックすると、コードで指定された番号への電話が開始されます。
これは、顧客に連絡する簡単な方法を提供したい企業にとって貴重な手段となります。
したがって、上記の 2つの方法から、callto
HTML 関数を使用して、人と人をつなぐことができます。
Zeeshan is a detail oriented software engineer that helps companies and individuals make their lives and easier with software solutions.
LinkedIn