CTA（コールトゥアクション）の作成（レガシー）

レガシーCTA（コールトゥアクション）とは、HubSpotのコンテンツで使用できるボタンで、見込み客をウェブサイトに誘導し、フォームでコンバージョンしてコンタクトデータベースに登録することができます。

CTAは、視覚的に魅力的で、行動しやすく、ページやEメールの中で見つけやすいものでなければなりません。CTAを作成した後、CTAの閲覧数やクリック数を確認することができます。CTA（レガシー）のパフォーマンス分析について詳しく解説します。 

ボタン、バナー、ポップアップなど、より多くのCTAタイプを作成するには、新しいCTAエディタの使い方をご覧ください。 

CTA（レガシー）を作る

• HubSpotアカウントで、Marketing > Lead Capture > CTAsに移動します。
• 左上のドロップダウンメニューをクリックし、「CTAs（Legacy）」を選択します。
• 右上の「CTAを作成」をクリックします。 

カスタムボタンのデザイン 

CTAエディターのデザインオプションを使って、CTA（レガシー）をカスタムボタンとして設定することができます。CTAをカスタムボタンとしてデザインする場合： 

• 右のパネルで、「カスタムボタン」を選択します。
• 以下のオプションでボタンをスタイリングしてください：
  • ボタン内容： CTAボタンに表示されるテキストを入力します。絵文字を追加することも可能です。コンタクトと訪問者には、使用しているデバイスのネイティブ絵文字スタイル（Mac、Windows、Chrome、Androidなど）が表示されます。
  • ボタンのスタイル：ドロップダウンメニューで、CTAボタンのスタイルを選択します。ボタンを通常のテキストリンクのように表示する場合は、ドロップダウンメニューから［リンク（スタイルなし）］を選択します。
  • ボタンの色：カラーピッカーをクリックするか、カスタムカラーの16進数値を「ボタンの色」フィールドに入力してください。
  • 詳細なオプションです：クリック高度なオプションをクリックすると、CTAのピクセルパディングとCSSスタイリングをカスタマイズできます。
• 右パネルの下部で、「次へ」 > をクリックします。
  
  
  
  

イメージボタンのデザイン 

カスタムボタンをデザインする代わりに、画像をアップロードしてCTAのデザインとして使用することも可能です。CTAを画像ボタンとしてデザインする場合： 

• 右のパネルで、「画像ボタン」を選択します。
• 画像をアップロードし、CTAのスタイルを設定します：
  
  • アップロード：デバイスから画像ファイルを選択します。 
  • 画像を参照する：ファイルマネージャーから画像を選択します。画像の挿入パネルから、CTAボタンとして使用する画像を選択します。 
  • 幅：画像ボタンの幅を調整します。アップロードされた画像のレティナ最適化についてはこちらをご覧ください。
  • 高さ：画像ボタンの高さを調整します。
  • Alt text：画像の alt textを入力します。
• 右パネルの下部で、「次へ」 > をクリックします。
  
  
  
  

CTA（レガシー）の選択肢を設定する 

CTA（レガシー）を設計したら、CTAのオプション設定をして、CTAの名前、CTAのリダイレクト先、関連付けされるキャンペーンを決定します。 

CTAの選択肢を設定すること： 

•  オプション」ページで、次のように設定します：
  • CTA内部名称： CTAの名称を入力します。CTA内部名は、ご使用のHubSpotアカウントのユーザーのみに表示されます。 
  • URLリダイレクトタイプ： CTAのリダイレクト先のオプションを選択します。 
    • 外部ウェブサイトのURL： CTAをHubSpot以外の外部ページにリンクします。Enter URL］フィールドに、訪問者を誘導したいウェブサイトのURLを入力します。
    • HubSpot ページまたはブログ記事： CTAをHubSpotページまたはブログ記事のいずれかにリンクします。HubSpot のページまたはブログ記事のドロップダウンメニューをクリックし、ページまたは記事を選択します。ボタン CTAのリンクはページIDに紐付けられ、ページのURLを変更するとボタン CTAのリンクも自動的に更新されます。 

• • • ミーティングリンク： CTAをHubSpotのミーティングリンクにリンクします。Choose a meeting link ドロップダウンをクリックし、ミーティングリンクを選択します。このリンクを新しいページで開くには、「新しいウィンドウでページを開く」チェックボックスを選択します。 
    • ファイルリンク：ファイルマネージャーでCTAをファイルにリンクさせます。ボタン CTAをクリックしたブラウザーに画像を表示させたい場合は、「ファイルを参照」をクリックしてファイルを選択し、「新しいウィンドウでページを開く」チェックボックスを選択します。 
    • Eメールアドレス：mailtoリンクを作成します。
    • 電話番号：指定された電話番号にコールするリンクを作成します。

• • キャンペーン： CTA（レガシー）分析をキャンペーンに関連付けたい場合は、ドロップダウンメニューをクリックし、キャンペーンを選択します。 

• ［保存］をクリックします。CTAがパネルの上部に表示されます。
  
  

CTA（レガシー）の作成を完了させる

• CTAの内部名称を編集するには、上部にある鉛筆のアイコンをクリックします。edit をクリックして、CTAの内部名称を編集します。
• CTAの作成を終了するには、「閉じる」をクリックします。 
• スマートボタンの CTAを作成するには、「スマートバージョンの作成」をクリックします。 
• ボタン CTAをA/Bテストするには、「多変量テストを作成する」をクリックします。
  
  

CTA（レガシー）アクションの追加

CTA（レガシー）ダッシュボードでは、ハイレベルな指標を分析してCTAのパフォーマンスを確認したり、表示されたCTAに対してアクションを起こすことができます：

• CTAをプレビューするには、CTAの上にカーソルを置き、プレビューをクリックすると、プレビューサイドバーペインにCTAが表示されます。
• CTAにアクションを起こすには、「アクション」ドロップダウンメニューをクリックし、以下のいずれかを選択してください： 
  • 編集： CTA（レガシー）エディターでCTAを変更する。 
  • 多変量テストの作成： CTAの第2バージョンを作成し、コンタクトや訪問者とのA/Bテストを実行します。 
  • スマートバージョンの作成：特定の表示ルールに応じて異なるバージョンのCTAを表示するスマートボタン CTAを作成します。 
  • 詳細を見る：閲覧数、クリック数、送信数など、CTAのアナリティクスを確認します。
  • 複製：CTAの完全なコピーを作成します. 
  • 埋め込みコード：埋め込みコードをコピー＆ペーストすることで、外部ページにCTAを追加することができます。
  • 削除：CTAを恒久的に削除します。