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

Call-To-Action(CTA)を作成する

更新日時 January 14, 2019

Marketing Hub Professional, Enterprise

対象製品

Marketing Hub
marketing-basic-pro-enterprise
Professional, Enterprise
Basic

Call-To-Action(CTA)とは、HubSpot コンテンツで使用できるボタンのことで、フォーム上でコンバートしたり、コンタクトデータベースに追加したりできるウェブサイトに見込み客を誘導するものです。CTA は、視覚的に魅力的で、アクションへつなげ、ページや E メールに設置しやすいものである必要があります。 

CTAを作成する

  • HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [CTA]の順に進みます。
  • [CTA を作成]をクリックします。 
  • スライドインパネルで、[カスタムボタン]を選択し、CTA のスタイルをカスタマイズします。
    1. ボタンコンテンツ:CTA ボタンに表示されるテキストを入力します。ここに絵文字を追加することもできます。コンタクトと訪問者には、使用しているデバイスのネイティブ絵文字スタイル(Mac、Windows、Chrome、Android など)が表示されます。
    2. ボタンスタイル:ドロップダウンメニューを使用して、CTA ボタンのスタイルを選択します。
    3. ボタンの色:カラーピッカーをクリックするか、カラーフィールドで16進値のカスタムカラーコードを入力します。
    4. 詳細オプション:[詳細オプション]をクリックして CTA のピクセルパディングと CSS スタイルをカスタマイズします。cta-editor-create-custom-button-panel
  • ボタンをカスタマイズする代わりに CTA に画像を使用する場合は、[画像ボタン]をクリックします。
    1. [アップロード]をクリックして、デバイスから画像ファイルを選択します。 
    2. [画像を参照] をクリックして、ファイルマネージャーから画像を選択します。スライドインパネルで、CTA ボタンとして使用する画像をクリックします。 
    3. 画像ボタンの高さを調整します。
    4. 画像の代替テキストを入力します。cta-create-image-button-cta
  • カスタムボタンまたは画像ボタンの編集が終了したら、 [次へ]>をクリックします。 
  • 次に CTA オプションを設定します。
    • CTA内部名:組織内の目的のために、お客様とお客様のアカウント内のユーザーのみに表示されるCTAの名前を入力します。 
    • URLリダイレクトタイプ:
      • [外部ウェブサイトURL]を選択して、CTAをHubSpot の外部ページにリンクさせ、[URLを入力]フィールドにウェブサイトの URL を入力します。
      • [HubSpot ページまたはブログ記事]を選択して、CTAをHubSpotページまたはブログ記事の1つにリンクさせ、[HubSpotページまたはブログ記事を選択]ドロップダウンメニューでページまたは記事を選択します。 
      • [ミーティングリンク]を選択して、CTA を HubSpot ミーティングリンクにリンクし、下に表示される[ミーティングリンクを選択]ドロップダウンでミーティングリンクを選択します。
      • ファイルマネージャーでファイルリンクを選択して、CTAをファイルにリンクさせます。[ファイルを参照]をクリックしてファイルを選択し、CTAをクリックする訪問者に新しいブラウザウィンドウで画像を表示させる場合は、[新しいウィンドウでページを開く]チェックボックスを選択します。 
      • HubSpot キャンペーンをリンク:CTA アナリティクスをキャンペーンに関連付けるには、ここから 1 つのキャンペーンを選択します。
    • HubSpot キャンペーンをリンク: CTA アナリティクスをキャンペーンに関連付ける場合は、ドロップダウンメニューをクリックしてキャンペーンを選択します。 
  • [保存] をクリックします。 
  • 完了した CTA がパネルの上部に表示されます。上部の鉛筆アイコン編集をクリックして内部名を編集します。次のいずれかを選択します。
    • [完了]をクリックして CTA を保存します。 
    • [スマートバージョンを作成]をクリックして、スマート CTA を作成します。 
    • CTA を A /B テストする場合は、[多変量テストを作成]をクリックします。 

 

CTA ダッシュボードを使用する

CTA は CTA ダッシュボードで公開されます。CTA にマウスポインターを置き、[プレビュー]をクリックして、プレビューサイドバーメニューで CTA を表示します。[アクション]ドロップダウンメニューをクリックして、次のいずれかを選択することもできます。 

  • 編集:CTA を変更します。 
  • 多変量テストを作成:CTA の 2 番目のバージョンを作成し、コンタクトと訪問者でバージョン A とバージョン B をテストします。  
  • スマートバージョンを作成:これらの手順に従って CTA をスマートにします。
  • 詳細を表示:閲覧数、クリック数、送信数を含む CTA の分析を確認します。
  • 複製:CTA の完全なコピーを作成します。 
  • エンベッドコード:埋め込みコードをコピーして貼り付けて、CTAに外部ページを追加します。
  • 削除:CTA を削除します。