Call-To-Action(CTA)とは、HubSpot コンテンツで使用できるボタンのことで、フォーム上でコンバートしたり、コンタクトデータベースに追加したりできるウェブサイトに見込み客を誘導するものです。CTA は、視覚的に魅力的で、アクションへつなげ、ページや E メールに設置しやすいものである必要があります。
CTAを作成する
- HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [CTA]の順に進みます。
- [CTA を作成]をクリックします。
- スライドインパネルで、[カスタムボタン]を選択し、CTA のスタイルをカスタマイズします。
- ボタンコンテンツ:CTA ボタンに表示されるテキストを入力します。ここに絵文字を追加することもできます。コンタクトと訪問者には、使用しているデバイスのネイティブ絵文字スタイル(Mac、Windows、Chrome、Android など)が表示されます。
- ボタンスタイル: ドロップダウンメニューを使用して、CTA ボタンのスタイルを選択します。ボタンを通常のテキストリンクのように表示する場合は、ドロップダウンメニューから[リンク(いいえ)]を選択します。
- ボタンの色: カラーピッカーをクリックするか、ボタンカラーフィールドでhex value16進値のカスタムカラーコードを入力します。
- 詳細オプション:[詳細オプション]をクリックして CTA のピクセルパディングと CSS スタイルをカスタマイズします。
- ボタンをカスタマイズする代わりに CTA のイメージを使用する場合は、[イメージ ボタン]をクリックします。
- [アップロード]をクリックして、デバイスから画像ファイルを選択します。
- [画像を参照] をクリックして、ファイルマネージャーから画像を選択します。スライドインパネルで、CTA ボタンとして使用する画像を選択します。
- 画像ボタンの幅と高さを調整します。アップロードされた画像の retina 最適化についてもっと詳しく説明します。
- 画像の代替テキストを入力します。
- カスタムボタンまたは画像ボタンの編集が終了したら、 [次へ]>をクリックします。
- 次に 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をクリックする訪問者に新しいブラウザウィンドウで画像を表示させる場合は、[新しいウィンドウでページを開く]チェックボックスを選択します。
- HubSpot キャンペーンをリンク: CTA アナリティクスをキャンペーンに関連付ける場合は、ドロップダウンメニューをクリックしてキャンペーンを選択します。
- [保存] をクリックします。

- 完了した CTA がパネルの上部に表示されます。上部の鉛筆アイコンedit をクリックして内部名を編集します。次のいずれかを選択します。
- [完了]をクリックして CTA を保存します。
- [スマートバージョンを作成]をクリックして、スマート CTA を作成します。
- CTA を A /B テストする場合は、[多変量テストを作成]をクリックします。

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