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

Click-to-Callリンクまたはmailtoリンクを作成する

更新日時 2025年7月9日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

Click-to-Callリンクを使用すると、モバイルデバイスを使用している訪問者がこのリンクをクリックしたときに、その訪問者を特定の電話番号につなげることができます。同様に、mailtoリンクにより、訪問者のデフォルトのEメールプログラムでEメール作成ウィンドウを開くことができます。このリンクは、指定した受信者、件名、およびEメールの内容からなるEメールを生成するように構成できます。

Click-to-Callリンクとmailtoリンクは、リッチ テキスト モジュールおよびCTA(旧)に挿入できます。

Click-to-Callリンクを作成する

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

  • リッチ テキスト モジュールにClick-to-Callリンクを追加するには、次の手順に従います。
    1. コンテンツに移動します。

      • ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
      • ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
      • ブログ:HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
      • ナレッジベース:HubSpotアカウントにて、[サービス]>[ナレッジベース]の順に進みます。
      • Eメール:HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
    2. コンテンツの名前をクリックします。 
    3. コンテンツエディターで、1つのテキストセクションまたは画像を強調表示します。
    4. リッチ テキスト ツールバーで、link InInリンクの挿入アイコンをクリックします。
    5. 表示されるポップアップボックスで、「tel:」と入力し、その後に電話番号を入力します。例えば、電話番号が「123-456-7890」の場合は、「tel:1234567890」と入力します。Click-to-Callリンクにスペースやダッシュを含めることはできません。 
    6. [リンクを追加]をクリックします。
  • 変更を公開するには、右上の[公開]または[更新]をクリックします。

CTA(旧)にClick-to-Callリンクを追加する

  • CTA(旧)にClick-to-Callリンクを追加するには、次の手順に従います。
    1. HubSpotアカウントにて、[マーケティング]>[CTA]の順に進みます。
    2. 左上のドロップダウンメニューをクリックし、[CTA(旧)]を選択します。
    3. CTAにカーソルを合わせて[アクション]ドロップダウンメニューをクリックし、[編集]を選択します。 
    4. CTAデザインを設定し、右下の[次へ]をクリックします。

    5. 表示されるダイアログボックスで、[URLリダイレクトタイプ]ドロップダウンメニューをクリックし、[電話番号]を選択します。

    6. [電話番号を入力]フィールドに電話番号を入力します。この電話番号にはスペースを含めないでください。 

  • CTA(旧)のClick-to-Callリンクの設定が完了したら、ダイアログボックスで[保存]をクリックします。 

click-to-call-cta-phone-number

mailtoリンクを作成する

全てのmailtoリンクは、訪問者のデフォルトのEメールプログラムで、特定の受信者への新規Eメールを開きます。特定の件名とEメール本文を含めるようにmailtoリンクを設定することができます。

mailtoリンクの形式を設定する

リッチ テキスト モジュールやCTAを使用していない場合は、代わりに手動でmailtoリンクを作成できます。

  • mailtoリンクを手動で作成するには、次の手順に従います。
    1. リンク先のテキストを強調表示して、[リンク先]ドロップダウンメニューをクリックし、[URL]を選択します。
    2. [リンクURL]フィールドに「mailto:recipient@hubspot.com」と入力します。「recipient@hubspot.com」の部分は、受信者のEメールアドレスに置き換えてください。 
  • mailtoリンクの形式に特定のEメールの件名とEメール本文を設定するには、次の手順に従います。 
    1. リンク先のテキストを強調表示して、[リンク先]ドロップダウンメニューをクリックし、[URL]を選択します。
    2. [リンクURL]フィールドに、「mailto:recipient@hubspot.com?subject=[email subject]&body=[email body]」と入力します。受信者のEメールアドレス、Eメールの件名、本文を独自の詳細に置き換えます。 
    3. Eメールの件名や本文にスペースを含めるには、各スペースの代わりに「%20」と入力します。例えば、受信者を「recipient@hubspot.com」、件名を「Register for our webinar」、Eメール本文を「Don't forget to sign up now!」に設定したEメールのmailtoリンクは、次の形式に設定されます

「mailto:recipient@hubspot.com?subject=Register%20for%20our%20webinar&body=Don't%20forget%20to%20sign%20up%20now!」

  • HubSpotでは、Eメールの本文や件名の内容が長くなる場合はこちらのような無料のmailtoリンク生成ツールを使用することをお勧めしています。

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

  • リッチ テキスト モジュールにmailtoリンクを追加するには、次の手順に従います。
    1. コンテンツに移動します。

      • ウェブサイトページ:HubSpotアカウントにて、[コンテンツ]>[ウェブサイトページ]の順に進みます。
      • ランディングページ:HubSpotアカウントにて、[コンテンツ]>[ランディングページ]の順に進みます。
      • ブログ:HubSpotアカウントにて、[コンテンツ]>[ブログ]の順に進みます。
      • ナレッジベース:HubSpotアカウントにて、[サービス]>[ナレッジベース]の順に進みます。
      • Eメール:HubSpotアカウントにて、[マーケティング]>[Eメール]の順に進みます。
    2. コンテンツの名前をクリックします。 
    3. コンテンツエディターで、1つのテキストセクションまたは画像を強調表示します。 
    4. リッチ テキスト ツールバーで、link InInリンクの挿入アイコンをクリックします。
    5. ポップアップボックスで[リンク]ドロップダウンメニューをクリックし、[Eメールアドレス]を選択します。 
    6. Eメールアドレスで始まるmailtoリンクを入力します。件名とEメール本文をmailtoリンクに追加する方法をご確認ください。 
    7. [挿入]をクリックします。 
mailto-link-in-content-editor
  • 変更を公開するには、右上の[公開]または[更新]をクリックします。

CTA(旧)にmailtoリンクを追加する

  • CTA(旧)にmailtoリンクを追加するには、次の手順に従います。
    1. HubSpotアカウントにて、[マーケティング]>[CTA]の順に進みます。
    2. 左上のドロップダウンメニューをクリックし、[CTA(旧)]を選択します。
    3. CTAにカーソルを合わせて[アクション]ドロップダウンメニューをクリックし、[編集]を選択します。 
    4. CTAデザインを設定し、右下の[次へ]をクリックします。
    5. [URLリダイレクトタイプ]ドロップダウンメニューをクリックし、[Eメールアドレス]を選択します。
    6. Eメールアドレスで始まるmailtoリンクを入力します。件名とEメール本文をmailtoリンクに追加する方法をご確認ください。 
  • CTA(旧)のmailtoリンクの設定が完了したら、ダイアログボックスで[保存]をクリックします。

add-mailto-link-to-cta

New Call-to-action

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。