Google無双…開幕ッ！GA完全連携A/Bテストツール『Google Optimize 無償版』がついにリリース

Google『お ま た せ』

ついに来ました。以前デジマラボでも紹介し、リリース予告だけで業界を激震させたABテストツール『Google Optimize』無償版完全公開です。

以下、デジマラボ編集部でソッコー触ってみましたので、改めて「何ができるのか？」と「どう活用するのか？」をまとめてみていただければと。

できない事って逆に何？至れり尽くせりな無償開放

まずは気になる「何ができるんだっけ？」てとこですが、なんと『有料版とほぼ遜色なし』て感じでした。つまり、以前の記事でお知らせした以下の機能がほぼフル装備状態での無償開放になったようなんです。

ちょっとまだそこまで触りきれていないので、もしかすると「これはダメよ」とか「トラフィックはここまでね」みたいなのが出てくるかもしれないですが、ひとまず ”やりたいと思ってたことは割と全部できた” ということだけお伝えしておこうかと。

以下、今すぐA/Bテストを開始するための手順を載っけておきます。

これで今すぐA/Bテスト開始！具体的な設定方法まとめ

やることはいたってシンプルです。

UIは現状英語オンリーながら、ほぼ画面の指示通りにポチポチやってれば設定は完了。詳しくはこのへんを参照いただくとして、以下ちょっと抜粋してみます。

と、まぁこんな感じ。

以下にちょっと注意が必要な項目だけザクッと解説していきますね。

Google Analyticsコードへの改変について

これはすごくシンプルで、現状サイトに埋め込まれている（タグマネ使ってる場合にはコンテナ内に格納されてる）GAタグに対し、わずか1行追加するだけでOKです。

  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-00000000-0', 'auto');
  ga('require', 'GTM-AAAAAAA');
  ga('send', 'pageview');

上記でいうとこの『ga(‘require’, ‘GTM-AAAAAAA’);』の部分をいつものGAタグに追加する感じですね。Google Optimizeでテスト作ってる最中に案内が出て来るので、そこで自分のIDを確認してください。

※後から確認する場合はダッシュボード右側の『Install Optimize snippet』を見ればOK

さらにできれば、 タグ内に上記のタグも入れておくと良いらしいです。Google OptimizeがUIを上書きする際に発生する画面のチラツキを低減してくれるんだとか。

複数ページを指定してテストを行いたい場合は？

例えば商品詳細や記事詳細なんかの『同じ構造のページがいっぱいある』みたいな場合、最初に指定する『EditPage』には対象となるページのどれか一つを入れておけばOKです。

実際画面上でUIをぐりぐりイジる時には最初に指定した対象URL画面をいじって、ターゲット設定から正規表現で同じ構造の対象画面全部に適用する。みたいな感じですね。

ターゲット設定に正規表現を指定できる

具体的な適用範囲は、ダッシュボードにある『Target』タブから設定可能。ここで『URL＞正規表現（matches regex）』を選んで正規表現で適用させてしまいます。

もちろん複数条件を [or] や [and] で指定することもできるので、商品詳細ページがカテゴリごとにちょっと構造が違う…なんて場合にも、コンテナ（要するにテスト対象ページ群とテスト内容の固まり）を分けて指定すれば対応が可能です。

GAアカウントとの紐付けは？

これぞ公式ツールの真骨頂。なんとコンテナを作成したタイミングで、勝手にGoogle Analyticsの「行動」タブ内にコンテナ名そのまんまなレポートが新しく追加されてしまいます。

もちろん最初っからオリジナルとテスト対象のトラフィックをグラフ分けされた状態です。なんだこれ最高か。

で、これってつまりは…

ということ。

ちょっともうどうしたら良いんでしょう…。もうこのツールで良いじゃん。全部できるじゃん。。。

画面編集も超高機能！何の知識もなくても（多分）大丈夫

テスト版を作る場合は、最初に指定した画面をベースにブラウザ上でゴリゴリやっていくわけですが、これまたすごい出来でした。

要素をドラッグして移動させたり…

GUIでグリグリ要素の装飾を変えたり…

専用の拡張機能が必要になるので、編集するにはGoogleChromeでやるのが条件となりますが、その操作感はもはや『コーディング』というより『図工』って感覚。

以下にちょっとまとめてみましたが、まとめる必要があったのか？というレベルです。

これだけ使いやすければ、例えば…

『このボタン、もうちょっと大きくして上のほうにしてみたら…？』
『ここに吸着ボタンを埋め込んだら…？』
『この文字もうちょい大きいほうがいいんじゃない…？』
『○○経由の人にだけ、この画面にバナー入れてみましょうよ』

みたいな。

思ってはいるけどシステムとかリソースとか予算とかの兼ね合いで試すわけにもいかなかったアレコレが、今スグ実際に試せちゃいます。無料で。元のソースに一切影響なく。

う…ううーーむ。なんかすごすぎて色々怖くなってきた。

マーケットに与える影響は？Googleによる蹂躙がはじまる？

ここ最近荒ぶってるGoogle先生のリリースプロダクトの中でも、飛び抜けた影響を業界に及ぼしそうな今回の開放。もはや価格破壊…ていうか市場無双って感じですが、果たしてどうなるんでしょう？

一つ言えるのは、多分Google先生はそこで『仮説を考える時間こそが大事なんだぜ！』と叫びたいんだろうなー。ということ。

だって同時リリースされたGoogleによるOptimaize利用マニュアルでも、最初の最初に書かれたフローに書いてあるんですもん。

『まず仮説を考えてください』 て。

うん。これをマニュアルの最初のフローに持ってくるあたり、Google先生の本気を感じちゃいますね。

ではまたー。