HTML Callto

Zeeshan Afridi 2023年6月20日
  1. HTML の callto とは
  2. callto 埋め込みコードを HTML に使用する方法
  3. HTML で call-to-action ボタンを作成する
  4. まとめ
HTML Callto

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 Afridi
Zeeshan Afridi avatar Zeeshan Afridi avatar

Zeeshan is a detail oriented software engineer that helps companies and individuals make their lives and easier with software solutions.

LinkedIn

関連記事 - HTML Tag