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

Click-to-CallおよびMailtoリンクは、訪問者がコンテンツから直接チームに連絡するのに役立ちます。Click-to-Callリンクは、ワンタップまたはクリックで電話をかけたい訪問者に便利です。Mailtoリンクは、訪問者のデフォルトのEメールプログラムで新しいEメールメッセージを開きます。

始める前に

Click-to-Callまたはmailtoリンクの作成を開始する前に、要件と考慮事項を確認してください。

制限事項と考慮事項について

• Click-to-Callおよびmailtoリンクは 、リッチ テキスト モジュール および CTA(旧)でサポートされています。
• Click-to-Callリンクにスペースやダッシュを含める ことはできません 。

Click-to-Callリンクを作成

Click-to-Callリンクは、訪問者がコンテンツをクリックまたはタップしたときに電話番号につなげます。これらのリンクは、次のステップに電話をかけるコンテンツでよく使用されます。 

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

1. 目的のコンテンツに移動します。

   • ウェブサイトページ：HubSpotアカウントにて、［コンテンツ］＞［ウェブサイトページ］の順に進みます。
   • ランディングページ：HubSpotアカウントにて、［コンテンツ］＞［ランディングページ］の順に進みます。
   • ブログ：HubSpotアカウントにて、［コンテンツ］＞［ブログ］の順に進みます。
   • ナレッジベース：HubSpotアカウントにて、［サービス］＞［ナレッジベース］の順に進みます。
   • Eメール：HubSpotアカウントにて、［マーケティング］＞［Eメール］の順に進みます。
2. コンテンツの名前をクリックします。 
3. コンテンツエディターで、テキスト または 画像の セクションを強調表示します。
4. リッチ テキスト ツールバーで link InInリンクを挿入]アイコンをクリックします。
   
5. ポップアップボックスで [リンク] ドロップダウンメニューをクリックし、[ URL]を選択します。
6. [URL ]フィールドに「tel:」と入力し、その後に 電話番号を入力します( 例:tel:1239990000。 
7. ［挿入］をクリックします。
8. 完了したら、右上の [公開 ]または [更新 ]をクリックします。

CTA（旧）にClick-to-Callリンクを追加する

CTA(旧)に通話誘導リンクを追加してから、 コンテンツにCTA(旧)を追加します。

1. HubSpotアカウントにて、［マーケティング］＞［CTA］の順に進みます。
2. 左上のドロップダウンメニューをクリックし、［CTA（旧）］を選択します。
3. CTAの上にマウスポインターを置き、[ アクション ]ドロップダウンメニューをクリックし、[編集]を選択します。

4. 右側のパネルでCTAのデザインをカスタマイズし、右下の [次へ ]をクリックします。

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

6. [ 電話番号を入力 ]フィールドに 電話番号を入力します。 

7. 完了したら、右下の [保存 ]をクリックします。

mailtoリンクを作成する

Mailtoリンクは、訪問者のデフォルトのEメールプログラムで特定の受信者宛ての新しいEメールメッセージを開きます。これらのリンクは、サポートリクエストや一般的な問い合わせなど、Eメールによるアプローチを促す必要があるページで役立ちます。 

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

1. 目的のコンテンツに移動します。

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

CTA（旧）にmailtoリンクを追加する

mailtoリンクをCTA(旧)に追加してから、 CTA(旧)をコンテンツに追加します。

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

mailtoリンクの書式を手動で設定する

リッチ テキスト モジュールまたはCTA(旧)を使用してmailtoリンクを追加していない場合は、mailtoリンクを手動で書式設定する必要があります。

基本的なmailtoリンク

• 基本的なmailtoリンクは、特定の受信者宛ての新しい電子メールメッセージを開きます。次の形式を使用します。

mailto:recipient@mydemo.test

• recipient@mydemo.test を目的のEメールアドレスに置き換えます。

件名とEメール本文を含むMailtoリンク

Mailtoリンクには、あらかじめ定義された件名とEメール本文を含めることができます。これは、サポートやセールスの問い合わせなど、インバウンドリクエストを標準化するのに役立ちます。

• 次の書式設定ルールを使用します。
  • ?subject= を使用して件名を定義します。
  • &body= を使用してEメール本文を定義します。
  • スペースを %20に置き換えます。

• 次の形式を使用します。

mailto:recipient@mydemo.test?subject=[Eメールの件名]&body=[Eメールの本文]

• [Eメールの件名] と [Eメール本文] のプレースホルダーの値を、目的の件名とEメール本文テキストに置き換えます。
• これは、受信者、件名、Eメール本文を含む営業チーム向けの手動で書式設定されたmailtoリンクの例です。

mailto:sales@mydemo.test?subject=Sales%20Inquiry&body=Hello%2C%20I%20would%20like%20to%20learn%20more%20about%20your%20product%20and%20pricing.%20よろしくお願いいたします。

送信先:sales@mydemo.test
Subject: Sales Inquiry

こんにちは。御社の製品と価格について詳細をお聞かせください。ありがとうございます。

• 件名やEメール本文の内容が長くなる場合は、書式設定エラーを避けるため、 mailtoリンク生成機能 の使用を検討してください。