Google オプティマイズを利用した各種テストの設定方法!無料のABテストを行って最適なコンテンツを目指そう。

WEB制作

投稿日:2018-08-06 更新日:

WordPressをアップデートしたらダッシュボードにエディターが新しくなるよ的な文章が表示されていました。

新しもの好きとしてはさっそく使用感を試してみようとインストールしてこの文章を執筆しているのですがビジュアルエディター推しが強い!
普段の業務でもコードを書くことが多いのでどうにも違和感が…コードエディターの切り替えもわかりづらく慣れが必要となりそうです。

使用感だったりのレビューは別の機会に置いておくとして、今回はGoogleのABテストツール「Optimize(オプティマイズ)」のご紹介です。

そもそもOptimize(オプティマイズ)の意味って?

Optimize=最適化という意味になります。つまりはウェブサイト、コンテンツを最適化することを目的としたツールです。

設定自体は直接サイトにコードを埋め込むか、GTMを利用するかの二つが用意されていますがGTMの場合、数値の乖離が大きくなったりファーストビューのテストの場合ちらつきが気になってしまうので前者の直接の埋め込みをオススメします!

また、Googleアナリティクス(GA)との連携が前提となっているのでそちらの設定は行っておきましょう。

最適化するためにはどうしたらいいの?

Googleオプティマイズでは以下の3つのテスト方法が用意されています。

1.A/Bテスト

こちらが基本的にはメインで利用するツールになります。
Google先生の公式の説明によると

A/B テスト
(A/B/n テスト、バケットテスト、スプリット テスト)
同じウェブページについて複数のパターン(A と B)を用意し、それらをランダムに表示して成果を調べるテスト。パターン A は何も変更していないオリジナルになります。パターン B からパターン n には、オリジナルと異なる要素が 1 つ以上含まれています。

https://support.google.com/optimize/answer/6211939#multivariate

となっており、つまりは同じURLにアクセスした際にAをオリジナルとしてパターンB以降は別のデザインだったりコンテンツを表示するということになります。(その他にもスプリットランテストなどと呼ばれることもあるそうです。)

簡単に図解するとこんな感じですかね。

この際の比率は自由に変更可能ですが、単純にAとBパターンの2つのテストで比率は50:50とした場合、アクセスが100あった場合、50人には赤のデザインを見せてもう50人には青を見せるということになります。

二つのコンテンツを見せてどうするの?となると思いますが最適化の定義は自由に設定が可能です。

何を目的とするかで大きく異なってくるのですが、例えばECサイトであれば購入完了を増やすことを目的としたコンバージョン率(CVR)がAとBでどちらが高かったのかブログであればサイトの回遊率を高めることを目的として直帰率の低下だったり滞在時間、ページビューの改善を目標にしたりと様々です。

テスト期間の目安としては2週間以上を目安に行うのが良いでしょう。
2週間以上行っても明確なリーダーが出てこない場合や複数パターンで行っている場合はターゲット設定から比率を変えてみるというのも良いかもしれません。
※テスト開始当初は大きく差が開いても徐々に数値の差は収縮してくる傾向にあるのでよほど大きく差が開いてしまっている場合を除いては気長に待つのが良いと思います。

また、明確なリーダーが決定した場合にも比率を100:0と数値が高かった方へ変更することも可能性です。
ただし、テスト期間は最長でも90日となっているので忘れない内にソースの方も変更を行いましょう。

2.多変量テスト(MVT、複合テスト)

こちらはまだベータ版となっておりますが、1のA/Bテストとの違いは複数のコンテンツの組み合わせが可能ということです。

複数のセクションの組み合わせをテストし、それぞれの影響を明らかにするテスト方式。たとえば、見出しのパターンとメイン画像のパターンを組み合わせて、両方を同時にテストできます。A/B テストではどのページパターンが最も効果的かを検証しますが、多変量テストでは、最も高い成果が得られるパターンの組み合わせを特定します。シンプルな A/B テストでは 2~3 つのページパターンを使用します。一方、多変量テストでは、複数のページ要素についてそれぞれ複数のパターンを用意し、それらを組み合わせて同時にテストします。詳しくは、多変量テストの作成方法をご確認ください。

https://support.google.com/optimize/answer/6211939#multivariate

ロゴはAを採用して、ファーストビューの画像はBを採用みたいな複数の組み合わせでのテストが可能です。

まずはシンプルにA/Bテストを行った上で最適化を行った上で多変量テストを実施した方が良いかもしれません。

3.リダイレクトテスト

こちらのテストはオプティマイズが登場する前、アナリティクスで行っていたウェブテストと同様のテストになります。

A/B テストの 1 つ。別々のウェブページをテストし、その成果を互いに比較できます。リダイレクト テストでは、ページの要素ではなく、URL またはパスでパターンを特定します。デザインが大きく異なる 2 つのランディング ページや、全面的にデザイン変更したページをテストする場合にリダイレクト テストを使用します。詳しくは、リダイレクト テストの作成方法をご確認ください。

https://support.google.com/optimize/answer/6211939#multivariate

A/Bテストと似てはいるのですが、違いとしてはURLが同一か別かになります。

ABテストに比べて、リダイレクトが行われてしまうため読み込み速度の関係上、オリジナルがどうしても有利となってしまう傾向にあります。
そのため、ドメインが別などの制約がない限りは1番のABテストの方がバイアスのかかっていないデータが取得できると思います。

以上がオプティマイズを使って行える最適化に向けたテストになります。

基本的にはどのテストも類似しているのですが、シンプルにABテストから始めるのがとっつきやすいのかな思います!

オプティマイズを利用して質の高いコンテンツを目指して行きましょう。

ダブルレクタングルからレスポンシブへ




ダブルレクタングルからレスポンシブへ




-WEB制作
-, ,

執筆者:

関連記事

UI/UX

AdobeXDで三角形を作成する方法。正三角形はフォトショかイラレからのコピペの方がオススメ

結論から言うとAdobeXDだけで三角形(正三角形)を作成するよりも、フォトショかイラレで作成してCreativeCloudライブラリで共有した方が100倍早いです。とはいえ、AdobeXDは無料で利 …

【2019年最新版】iPhone/Androidでターミナルアプリを使用する方法。『Terminal for iOS』はApp Storeでは現在見つからず

かなり限定的なシチュエーションですが、休日に自分が管理しているウェブサイトをスマホから閲覧している時など、応答が遅い時なんかに異常がないかコマンドで調べたくなることがありますよね。 そんな時に、脱獄、 …

簡単にコアサーバー(CORESERVER)でサブドメインの作成、設定を行う方法

久々の備忘録。 コアサーバーにレンタルサーバーを変更した旨は以前に記事にしましたが、サブドメインの作成手順をまとめました。 以前、といってもかなり昔でまだロリポップを使っていた頃にworks.deri …

UI/UX

Adobe XDのクラウドドキュメントが開けないトラブルが発生!その解決方法は?

今やウェブサイトの制作・作成に欠かせないツールとなりつつあるアドビのUI/UXデザインアプリケーション「AdobeXD」。 以前は「Photoshop」や「Illustrator」などでワイヤーフレー …

ニックネーム
DeLux
プロフィール

30代の東京生活に疲れたWEBエンジニア。
好きなことで生きて行きたいがためにあれこれと手を出してます。
主にAdobe、Google、Apple、SONY辺りの記事とコーディングやプログラム、たまに動画編集やデザインなどのTips的な記事を更新してます。

ガジェットも大好きなのでその辺りもぼちぼち増やす予定。