お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Landing Pages

クリックからコールまたはmailtoリンクを作成します

更新日時 2020年 10月 19日

対象製品

すべての製品とプラン

タップトゥーコールボタンを使用すると、モバイルデバイスのウェブサイト訪問者が1回のタップで企業に電話することができます。mailtoリンクを使用すると、訪問者は特定の受信者、件名、本文を使用して既定のプログラムで新しいEメールを作成できます。

これらのタイプのリンクをHubSpotコンテンツのコールトゥアクション(CTA)またはリッチ テキスト モジュールに追加できます。これらのリンクタイプは、1対1のEメールなど、他のコンテンツタイプに手動で追加することもできます。

クリックトゥコールリンクを作成する

クリックトゥコールリンクを作成する

  • コンテンツの中でクリックトゥーコールリンクに使用するテキストまたは画像を強調表示します。
  • リッチ テキスト ツールバーのリンクアイコンlinkをクリックします。
  • URLフィールドにtel:5555555555を入力し、5555555555を会社の電話番号に置換します。このタイプのリンクがデバイスで訪問者の既定通話プログラムを開くため、新しいウィンドウで[リンクを開く]チェックボックスを選択する必要はありません

注:クリックトゥーコールリンクにスペースやダッシュを含めることはできません。

  • [リンクを追加]をクリックします。
  • 右上の[公開]をクリックして変更内容を公開します。

CTAにクリックトゥーコールリンクを追加する

  • HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [CTA]の順に進みます。
  • 既存のCTAを編集するには、編集するCTAの上にカーソルを置き、[アクション]をクリックして[編集]を選択します。または、右上の[CTAを作成]をクリックして新しいCTAを作成します。
  • CTAデザインを選択したら、右下にある[次へ]をクリックしてCTAオプションを設定します。

  • [URLリダイレクトタイプ]ドロップダウンメニューをクリックして、[電話番号]を選択します。

  • 国コードを選択し、会社の電話番号を入力します。

  • [保存]をクリックします。

mailtoリンクを作成する

mailtoリンクは、デバイスで訪問者の既定のEメールプログラムを開き、特定のEメールアドレスに新しいEメールを作成します。リンク テキスト モジュールまたはCTAのリンク機能を使用して、mailtoリンクを追加することができます。

リッチ テキスト モジュールまたはCTAを使用していない場合は、代わりにmailtoリンクを作成することができます。リンクするテキストを強調表示し、リンクとしてmailto:someone@example.comと入力します。

Eメールの件名をmailtoリンクに追加する

mailtoリンクに変更を加え、特定のEメール件名を伴うEメールを生成することができます。リンクにスペースを含めることはできないため、スペース1文字ごとに%20を含めることになります。mailtoリンクがクリックされると、その%20はEメールの件名の中でスペースとして表示されます。

たとえば、Start of Springtime Saleという件名を伴うEメールを生成したmailtoリンクを作成する場合は、スペース1文字ごとに%20を追加するため、次のようになります。

contact@domain.com?subject=Start%20of%20Springtime%20Sale

リッチ テキスト モジュールにmailtoリンクを追加する

  • HubSpotコンテンツで、mailtoリンクにリンクするテキストまたは画像を強調表示します。
  • linkリンクアイコンをクリックします。
  • [リンク]ドロップダウンメニューをクリックし、[Eメールアドレス]を選択します。ここに入力されたEメールアドレスは、訪問者がこのリンクをクリックすると、Eメールの[宛先]フィールドに表示されます。
  • mailitoリンクを使用して特定の件名やEメール本文を設定することもできます。
    • [リンク]ドロップダウンメニューをクリックし、[Eメールアドレス]を選択します。
    • Eメールアドレスを入力し、次いで?subject=で件名を編集、または?body=を入力して、訪問者がmailitoリンクをクリックしたときにEメール本文を編集できるようにします。format-mailito-link

CTAにmailtoリンクを追加する

  • HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [CTA]の順に進みます。

  • [CTAを作成]をクリックします。
  • CTAデザインをカスタマイズしたら、[次へ]をクリックしCTAオプションを設定します。

  • [URLリダイレクトタイプ]ドロップダウンメニューをクリックし、[Eメールアドレス]を選択します。

  • 訪問者がこのCTAをクリックすると、Eメールの宛先フィールドに、生成されたEメールアドレスが入力されます。

  • [保存]をクリックします。

New Call-to-action