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

ページで A/B テストを実行する

更新日時 2021年 6月 29日

対象製品

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise

A/B テストにより、同じURLを持つ1つのページの2つのバージョンをテストし、パフォーマンスの高いのはどちらかを調べることがでてきます。訪問者の半数に1つのバージョンのページ、残りの半分に他のバージョンが表示されます。

各バージョンのパフォーマンスをページのパフォーマンスデータで比較し、勝者のバリエーションを選択することができます。これにより、勝者のバリエーションはページの唯一の公開バージョンとして設定され、他のバリエーションを下書きに戻すことができます。

Marketing Hub ProfessionalおよびEnterpriseのアカウントでは、ランディングページのA/Bテストを実行できます。CMS Hub ProfessionalおよびEnterpriseのアカウントでは、ランディングページとウェブサイトページでA/Bテストを実行できます。

始める前に

  • HubSpot Marketingブログで、A/Bテストを実行する方法を詳しくご覧ください。
  • テストする内容を決定します。原因と結果を明確にトラッキングするには、一度に1つの変数をテストすることをお勧めします。
  • A/Bテストの制御バージョンとなる新しいページを作成するか既存のページを選択します。

A/B テストをセットアップする

公開済みページでも A/B テストを実行することができます。ページが複数言語グループの一部である場合、言語バリエーションごとにテストを実行できます。

run-an-ab-test

  • ダイアログボックスで[A/B テスト]を選択し、[次へ]をクリックします。
  • ページの各バリエーションの名前を入力し、[バリエーションを作成]をクリックします。これにより、Bバリエーションがページエディターで表示されます。これは元のページの複製です。
  • ページバリエーションのコンテンツを更新します。次の変数をテストすることを考慮できます。
    • オファー:別のタイプのコンテンツオファーを使用して実験します。eBookと、コンサルティングサービスまたは動画とを比較してテストすることもできます。  
    • コピー:コンテンツの書式設定とスタイルをいろいろ試せます。シンプルな段落と箇条書き、または長いテキストと短いテキストを比較するテストを実行することができます。
    • 画像:別の画像を試して、コンバージョン率への影響を観察することができます。
    • フォームフィールド:フォームの長さを試します。Eメールアドレスのみをリクエストする場合と、より詳細な情報をリクエストする場合とをテストできます。
  • ページエディターでページのオリジナルバージョンを編集するには、左上の test [テストバリエーション]ドロップダウンメニューをクリックして、もう一方のページを選択します。
  • テストを開始するには右上の[公開]をクリックします。これにより、ページの両方のバージョンが稼働状態になります。 

A/B テスト結果を確認する

両方のページバリエーションで訪問者のエンゲージメントが得られるようになると、テスト結果を確認できます。 
  • テーブル内の列ヘッダーをクリックして、特定の測定指標を基準に結果を並べ替えます。
  • テストの勝者として1つのバリエーションを選択するには、バリエーションの上にカーソルを置き、[勝者に選択]をクリックします。敗者となったバリエーションは表示されなくなります。

  • 敗者でA/Bテストを再実行するには、そのバリエーションの上にカーソルを置き、[このバリエーションを再実行]をクリックします。

注:A/B テストからバリエーションを再実行すると、バリエーションは直ちに公開されます。

バリエーションを削除する

A/Bテストが終わったページでは、次のようにして、ページを削除せずにBバリエーションのみを削除できます。

  • HubSpotアカウントで、ランディングページまたはウェブサイトページに移動します。 
  • 対象のページの上にマウスポインターを合わせて、[編集]をクリックします。
  • 左上の[テストバリエーション]ドロップダウンメニューをクリックし、Bバリエーションを選択します。
  • [設定]タブに移動します。
  • 右上の delete [バリエーションの削除]をクリックします。バリエーションがすぐに削除されます。 

delete-a-b-b-variation

  • Bバリエーションが削除されたら、ページエディターが更新されてメインバリエーションを表示します。