このページではランディングページを使用したHubSpotでのA/Bテスト実施方法を解説します。
ランディングページの制作についてはこちらの記事で詳しく紹介していますのでぜひご覧ください。
A/Bテストとは、1つのURLで異なるパターン（AとBの2種類）を出し分けし、ユーザーから反応の良かったパターンを計測して、成果を最大化するために実施するWebマーケティング手法の一つです。
キャッチコピーなどの文言、CTAの設置位置やボタンの色など、特定の要素を変更したパターンを作成してユーザーごとにランダムで表示します。パターンごとのパフォーマンス（コンバージョン率など）を比較して、より高いリアクションを得られたパターンを選択し、更にその派生パターンを作成して、同様のテストを何度も重ねておこないます。
HubSpotではこのA/Bテストを簡単におこなうことができます。
実際にランディングページ管理画面から設定を行いましょう。
初めにパターンA用のランディングページを作成します。ページの詳細画面で「テスト結果」タブを表示します。
「テストを実行」をクリックするとテスト実行選択画面が出てくるのでA/Bテストを選択します。
次にバリエーションの作成を行います。以下では分かりやすいように末尾に「デモA」「デモB」と名前をつけています。HubSpotのA/Bテストではバリエーションは2つ設定することができます。
バリエーションを登録すると、ランディングページ編集画面の左上に「テストバリエーション」という項目が表示されます。設定後はバリエーション別で編集画面の切り替えが可能です。
バリエーションの編集でそれぞれのバリエーションごとにページ内容を編集したら、ページを公開しましょう。
A/Bテストの準備はこれで完了です。完了後はテスト結果をチェックしましょう。
「公開」ボタンを押すとA/Bテストが実施された状態でページに反映されます。
HubSpotの「ランディングページ」のページから、該当のページの「その他」の中の「詳細」をクリックして「テスト結果」のタブから確認することができます。
表中の各項目については以下のような指標となっています。
「テスト結果」の「ページ閲覧数」グラフでデモAとデモBを比べると、デモBの方が「合計送信数」の数値が高いため、より高いリアクションがあったことがわかります。
実際のテスト期間はもう少し長めに設定しますが、この結果からデモBを勝者とし、メインパターンとします。表中にマウスカーソルを乗せて「勝者に選択」をクリックすると、選択しているパターンが勝者となり、勝者のパターンでページ内容が残ります。
勝者が確定しメインに設定すると編集画面の左上からはテスト実行、バリエーション切り替え編集の項目が消えます。（敗者となったパターンは表示されなくなります）
ランディングページは製品の注文やお問い合わせなど、ユーザーのアクションを誘導する訴求効果が高い役割があります。
成約数の増加やお問い合わせ数の増加など、成果を上げるランディングページにするため、ぜひHubSpotのA/Bテスト機能を使ってテストマーケティングをおこなってみましょう。