CTAの作成（旧）

旧CTAとは、HubSpotのコンテンツで使用できるボタンで、見込み客をウェブサイトに誘導し、フォームでコンバージョンできます。CTAを作成した後、CTAの表示数やクリック数を確認することができます。CTA(旧)のパフォーマンス分析について詳細をご確認ください。 

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

CTA（旧）を作る

1. HubSpotアカウントにて、［マーケティング］＞［CTA］の順に進みます。
2. 左上のドロップダウンメニューをクリックし、［CTA（旧）］を選択します。
3. 右上の［CTAを作成］をクリックします。 

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

CTAエディターのデザインオプションを使って、CTA（旧）をカスタムボタンとして設定することができます。CTAをカスタムボタンとしてデザインするには、次の手順に従います。 

1. 右側のパネルで［カスタムボタン］を選択します。
2. 以下のオプションを利用してボタンにスタイルを設定します。
   • ボタンコンテンツ: CTAボタンに表示する テキスト を入力します。絵文字を追加することもできます。コンタクトと訪問者には、使用しているデバイスのネイティブ絵文字スタイル(Mac、Windows、Chrome、Androidなど)が表示されます。
   • ボタンスタイル: ドロップダウンメニュー を使用して、CTAボタンのスタイルを選択します。ボタンを通常のテキストリンクのように表示する場合は、ドロップダウンメニューから[リンク(スタイルなし)]を選択します。
   • ボタンの色: カラーパレット をクリックするか、[ ボタンの色 ]フィールドに 16進値の カスタムカラーコードを入力します。
   • 詳細オプション: [詳細オプション]をクリックして、 CTAのピクセルパディング と CSSスタイルをカスタマイズします。 
3. 右側のパネルの下部にある[ 次へ] >をクリックします。
   
   
   
   

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

カスタムボタンをデザインする代わりに、画像をアップロードしてCTAのデザインとして使用することもできます。CTAを画像ボタンとしてデザインするには、次の手順に従います。 

1. 右側のパネルで［画像ボタン］を選択します。
2. 画像をアップロードし、CTAのスタイルを設定します。
   
   • アップロード：デバイスから画像ファイルを選択します。 
   • 画像を参照：ファイルマネージャーから画像を選択します。［画像を挿入］パネルで、CTAボタンとして使用する画像を選択します。 
   • 幅: 画像ボタンの位置を調整します 。アップロードされた画像の retina最適化 について詳細をご確認ください。 
   • 高さ: 画像ボタン の高さ を調整します。 
   • 代替テキスト: 画像の代替テキストを入力します。
3. 右側のパネルの下部にある[ 次へ] >をクリックします。
   
   
   
   

CTA（旧）の選択肢を設定する 

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

CTAオプションを設定するには、次の手順に従います。 

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

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

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

2. ［Save（保存）］をクリックします。これで、CTAがパネルの上部に表示されます。
   
   

CTA（旧）の作成を完了させる

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

CTA（旧）アクションの追加

CTA(旧)ダッシュボードでは、大まかな測定指標を分析してCTAのパフォーマンスを調べ、リストされた任意のCTAに対してアクションを行うことができます。

1. CTAをプレビューするには、CTAの上にマウスポインターを置き、プレビューをクリックすると、プレビューサイドバーペインにCTAが表示されます。
2. CTAに対してアクションを実行するには、［アクション］ドロップダウンメニューをクリックして、次のいずれかを選択します。 
   • 編集： CTA（旧）エディターでCTAを変更する。 
   • 多変量テストを作成: CTAの2番目のバージョンを作成して、コンタクトと訪問者で A/Bテストを実行します 。 
   • スマートバージョンを作成: 特定の表示ルールに応じて異なるバージョンのCTAを表示する スマートCTA を作成します。 
   • 詳細を見る: 閲覧数、クリック数、送信数など、CTAの アナリティクス を確認します。
   • 複製：CTAの完全なコピーを作成します. 
   • 埋め込みコード: 埋め込みコードをコピーして貼り付けることで、CTAを外部ページに追加します。
   • ユーザーとチームを割り当てる: CTA(旧)へのアクセスを特定のユーザーまたはチームに制限します。HubSpotアセットへのアクセスを制限する方法の詳細をご確認ください。 
   • 削除：CTAを恒久的に削除します。