CTAs

CTAを作成する

更新日時 2020年 10月 19日

対象製品

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub 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. 画像ボタンの幅と高さを調整します。アップロードされた画像のretina最適化についてご確認ください。
    4. 画像の代替テキストを入力します。cta-create-image-button-cta
  • カスタムボタンまたは画像ボタンの編集が終了したら、[次へ>]をクリックします。 
  • 次にCTAオプションを設定します。
    • CTA内部名:組織内の目的のために、お客様とお客様のアカウント内のユーザーのみに表示されるCTAの名前を入力します。 
    • URLリダイレクトタイプ:
      • [外部ウェブサイトURL]を選択して、CTAをHubSpotの外部ページにリンクさせ、[URLを入力]フィールドにウェブサイトのURLを入力します。
      • [HubSpotページまたはブログ記事]を選択して、CTAをHubSpotページまたはブログ記事の1つにリンクさせ、[HubSpotページまたはブログ記事を選択]ドロップダウンメニューでページまたは記事を選択します。
      • 注:HubSpotページまたはブログ記事を選択すると、CTAのリンクは直接ページに(つまりページのIDに)関連付けらます。ページのURLが変更された場合、CTAのリンクは自動的にページの新しいURLに更新されます。

        コンテンツステージングを使用してページをセットアップする場合は、元のページへのリンクにCTAがリンクされたままになります。既存のCTAを更新するか、新しいページに新しいCTAを作成することをお勧めします。
      • [ミーティングリンク]を選択して、CTAをHubSpotミーティングリンクにリンクし、下に表示される[ミーティングリンクを選択]ドロップダウンでミーティングリンクを選択します。
      • [ファイルリンク]を選択して、ファイルマネージャーでCTAをファイルにリンクさせます。[ファイルを参照]をクリックしてファイルを選択し、CTAをクリックする訪問者に新しいブラウザウィンドウで画像を表示させる場合は、[新しいウィンドウでページを開く]チェックボックスを選択します。 
      • [Eメールアドレス]を選択して、mailtoリンクを作成します。
      • [電話番号]を選択して、指定された電話番号にコールするリンクを作成します。
    • HubSpotキャンペーンをリンク:CTAアナリティクスをキャンペーンに関連付ける場合は、ドロップダウンメニューをクリックしてキャンペーンを選択します。 
  • [保存]をクリックします。 
  • 完了したCTAがパネルの上部に表示されます。上部の鉛筆アイコンeditをクリックして内部名を編集します。次のいずれかを選択します。
    • [完了]をクリックしてCTAを保存します。 
    • [スマートバージョンを作成]をクリックして、スマートCTAを作成します。 
    • CTAをA/Bテストする場合は、[多変量テストを作成]をクリックします。 

追加CTAオプション

CTAダッシュボードで、CTAのパフォーマンスを把握するために、高レベル指標を分析します。CTAダッシュボードを絞り込み、特定のCTAを特定するか、リスト表示されるCTAのいずれかにアクションを実行することもできます。

  • [日付範囲]ドロップダウンメニューをクリックして、特定の時間帯にCTAを絞り込みます。 
  • キャンペーンでCTAを関連付けた場合は、[キャンペーン]ドロップダウンメニューを使用してキャンペーン別に絞り込みます。
  • [タイプ]ドロップダウンメニューを使用して、CTAタイプ別に絞り込みます。cta-dashboard-filters
  • CTA上にカーソルを置き、プレビューサイドバーペインでCTAを表示するか[アクション]ドロップダウンメニューをクリックして、次のいずれかを選択します。 
    • 編集:CTAを変更します。 
    • 多変量テストを作成:CTAの2番目のバージョンを作成し、コンタクトと訪問者バージョンAとバージョンBをテストします.  
    • [スマートバージョンを作成]:スマートCTAを作成します。
    • [ビューの詳細]:閲覧数、クリック数、送信数を含むCTAのアナリティクスを確認します。
    • 複製:CTAの完全なコピーを作成します. 
    • エンベッドコード:埋め込みコードをコピーして貼り付けて、CTAに外部ページを追加します。
    • 削除:CTAを削除します。
 
CTAのパフォーマンスの分析についてご確認ください。