LPのABテストを簡単に行う(Google オプティマイズ)

新しく作成したLPを、旧LPとそのまま変更していませんか?

新しくしたLPを公開したい気持ちはわかりますが、まずはABテストを行い、リスクを最小限に抑えることをオススメします。

目次

ABテストを行うために必要なもの

  • Google タグマネージャー
  • Google アナリティクス
  • Google オプティマイズ

上記の3つは無料で利用できます。

Google タグマネージャー

Google タグマネージャーは、新しい設置場所に設置する必要があります。昔はbodyタグの真下に実装する形でしたが、現在は以下のように、head内の上の方に1つ、bodyタグの真下に1つ設置します。

head内の上の方へ実装

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-●●●●●●');</script>
<!-- End Google Tag Manager -->


開始タグ <body> の直後に下記を実装
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-●●●●●●"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

Google アナリティクス

GoogleタグマネージャーでGoogleアナリティクスを実装しておきます。

Google アナリティクス上で目標設定(コンバージョン計測)できるようにしておく必要があります。

Google オプティマイズ

Google オプティマイズ へアクセスします。

無料で利用するをクリック

Google オプティマイズ

利用登録

利用を開始をクリック
利用を開始をクリック

はい、いいえで回答するアンケートが表示されます。どちらを選択しても構いません。

アンケート

アカウントの設定を選択します。赤く囲ってある部分をチェックしないと完了ボタンが押せません。

アカウントの設定

開始ボタンをクリック

開始ボタンをクリック

エクスペリエンスを作成

  • 名前は任意のわかりやすい名前をつけます。(今回は、新LP_VS_旧LP とします)
  • 使用するページは、旧LPのURLを入力します。(今回は、https://dima.onl/lp とします)
  • テストのタイプは、今回は新LPと旧LPのABテストなので、リダイレクトテストを選択します。
A/Bテストを選択したくなりますが、A/Bテストは同一ページ内で、ボタンの色・文言・配置などの変更をテストしたい場合に利用します。

エクスペリエンスを作成

パターンを作成

  • パターンを追加をクリック。
  • パターンの名前は任意の分かりやすい名前を入力。
  • リダイレクト先は新LPのURLを入力。(今回は https://dima.onl/lp2 とします)
  • Original URLは上記で入力した、使用するページのURLが表示されます。

パターンを作成

ターゲティングとパターンを確認

今回は旧LP (オリジナル)と、新LP(パターン1)に半分ずつのセッションを振分けたいので、50%の比重になっているか確認。

ターゲティングとパターンを確認

アナリティクスとリンク

コンバージョンを成果地点とするために、Googleアナリティクスにリンク。

アナリティクスとリンク

該当のCVが計測出来ている、Googleアナリティクスのプロパティを選択し、その後ビューを選択します。

Googleアナリティクスのプロパティを選択し、その後ビューを選択

Google オプティマイズ スニペットの実装の画面が表示されます。
このまま完了を押してください。

目標の設定

上でリンクしたGoogleアナリティクスの目標をリストから選択します。

目標の設定

スケジュールの設定

開始日と終了日を設定します。途中でやめることも出来るため、終了日は60日程度を選択しておきます。

スケジュールの設定

Google オプティマイズ スニペットの実装

今回はGoogle タグマネージャーを使い実装します。

Google タグマネージャーを開いて、タグの新規追加をクリックします。

Google オプティマイズ スニペットの実装

  • 名前は任意のわかりやすい名称を記入
  • タグタイプはGoogle Optimizeを選択

Google オプティマイズ スニペットの実装

  • オプティマイズコンテナIDを入力
  • Googleアナリティクスは、先程選択したプロパティの設定変数を選択します。

オプティマイズコンテナID

オプティマイズコンテナIDは、オプティマイズの一番最初の画面で確認出来ます。左上の矢印をクリックすることで、画面が戻れます。

設定されているか確認

診断を実行をクリックすると、Google Optimize拡張機能のインストールが必要と出ますので、インストールします。

設定されているか確認
問題点が表示されますが、アンチフリッカー スニペットが見つからないは実装しなくてもOKです。ご自身の環境にあわせて実装してください。

開始をクリック

開始をクリックします。

開始をクリック

レポートでテスト結果を確認

ある程度期間が経過したら、レポートタブからテスト結果を確認出来ます。

今回はパターン1(新LP)のほうが成果が高いため、新LPへ変更となります。

レポートでテスト結果を確認

目次