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

CTA を作成する

更新日時 2019年 4月 30日

対象製品

Marketing Hub  Professional, Enterprise
Basic

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

CTAを作成する

  • HubSpotアカウントにて、[マーケティング] > [リードの獲得] > [CTA]の順に進みます。
  • [CTA を作成]をクリックします。 
  • スライドインパネルで、[カスタムボタン]を選択し、CTA のスタイルをカスタマイズします。
    1. ボタンコンテンツ:CTA ボタンに表示されるテキストを入力します。ここに絵文字を追加することもできます。コンタクトと訪問者には、使用しているデバイスのネイティブ絵文字スタイル(Mac、Windows、Chrome、Android など)が表示されます。
    2. ボタンスタイル: ドロップダウンメニューを使用して、CTA ボタンのスタイルを選択します。ボタンを通常のテキストリンクのように表示する場合は、ドロップダウンメニューから[リンク(いいえ)]を選択します。
    3. ボタンの色: カラーピッカーをクリックするか、ボタンカラーフィールドhex value16進値のカスタムカラーコードを入力します。
    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ページまたはブログ記事を選択]ドロップダウンメニューでページまたは記事を選択します。 
      • [ミーティングリンク]を選択して、CTA を HubSpot ミーティングリンクにリンクし、下に表示される[ミーティングリンクを選択]ドロップダウンでミーティングリンクを選択します。
      • ファイルマネージャーでファイルリンクを選択して、CTAをファイルにリンクさせます。[ファイルを参照]をクリックしてファイルを選択し、CTAをクリックする訪問者に新しいブラウザウィンドウで画像を表示させる場合は、[新しいウィンドウでページを開く]チェックボックスを選択します。 
    • 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 のパフォーマンスの分析について もっと詳しく説明します。