サービス

技能：エンジニア

技能：デザイナー

技能：ビジネス職

技能：バックオフィス

ジャンル

<h2 id="はじめに">はじめに</h2>

<p>こんにちは。動画配信事業部 EC-Growthチームの宮園です。</p>

<p>DMMの動画配信サービスをGrowth（成長）させるためのEC-Growthチームでは、アナリストと共に売上向上に繋がる施策を打ったり、ユーザのエンゲージメントを高める施策に日々取り組んだりしています。</p>

<p>今回は、私たちのチームが取り組んできたことのなかで近年一番役立ったA/Bテストという手法に焦点を当ててお話ししたいと思います。</p>

<p>A/Bテストをご存知ない方、聞いたことはあるけどどのように進めれば良いのかわからず導入を躊躇している方に、私たちの体験談が参考になれば幸いです。</p>

<ul>
	<li>私たちがどうしてA/Bテストに取り組むことになったのか</li>
	<li>ツール選びはどうしたのか</li>
	<li>実際にやってみてどうだったのか</li>
</ul>

<h2 id="目次"><span style="font-size: 1.3rem;">A/Bテストとは</span></h2>

<h3 id="ABテストとはWebマーケティングにおける施策判断の手法の１つ">A/Bテストとは、Webマーケティングにおける施策判断の手法の１つ</h3>

<p>Webサイトを改修したい時に２つの改修案を用意し、それぞれをユーザーに公開することでテストを行い、どちらの改修案がユーザビリティの点で優れたものになったかを測ることができます。</p>

<p>元々、私たちは良かれと思った機能を実装してきました。 実装して良かったものも多くありますが、その裏には利用率が低く無駄に終わったものも少なくありません。 いくら良かれと思っても、根拠のない改修案ではユーザーに受け入れられずに終わるリスクを含んでしまいます。</p>

<p>では、そうしたリスクにどう向き合えば良いのでしょうか？</p>

<p>私たちのチームでは、&rdquo;仮説立て＋A/Bテスト＋効果測定&rdquo; を行うことでリスクを回避できるようになったと考えています。 実装前にこうした仮説検証を行うことで、根拠のなかった改修案を根拠のあるものにでき、それ（根拠のある改修案）だけを実装できるからです。</p>

<p>A/Bテストのおかげで、無駄なく開発し続けられるようになり、今ではA/Bテストはなくてはならない存在になっています。</p>

<h2 id="ツールの紹介">ツールの紹介</h2>

<h3 id="用いたツールは-Google-Optimize">用いたツールは Google Optimize</h3>

<p>Google OptimizeはGoogleが提供しているA/Bテストを行うためのツールです。<br />
URL：<a href="https://optimize.google.com/" target="_blank">https://optimize.google.com</a></p>

<h3 id="Google-Optimizeを用いた理由">Google Optimizeを用いた理由</h3>

<p>A/Bテストのツールを導入するとなりましたが、効果がどれだけあるかもわからないツールにいきなり巨額のお金を投資することはどこの会社でも厳しいと思います。</p>

<p>まずは1つ試してみようということで、なるべくコストが低く簡単にできることを重視してツールを探しました。 そんな時に見つけたのが、このGoogle Optimizeです。</p>

<p>調べてみると無料で簡単、さらにはすでに導入済みのGoogle Analyticsと連携もできるということで、すぐに試してみようということになりました。</p>

<h3 id="Google-Optimizeの導入">Google Optimizeの導入</h3>

<p>簡単なアカウント登録、スニペットというタグを案内されるままに自サイトに埋め込むだけで導入が完了します。</p>

<p>初めて触った時に、直感でテスト設定を済ませられるくらいシンプルで使いやすかったです。 利用できるテストの種類が無償版でも制限されない点も、好感度が高いです。</p>

<h2 id="ABテストを運用してみて">A/Bテストを運用してみて</h2>

<h3 id="まずは開発環境で確認">まずは開発環境で確認</h3>

<p>開発環境でテストを組んでみて動きを見たり、他にどんなことができるかを一通り触ってみたりすると、今すぐにでもテストを始められることがわかりました。</p>

<p>パターンと呼ばれるA/BテストのBにあたる &rdquo;変更を加えた状態&rdquo; を用意し、誰をターゲットにしてテストを行うか、どんな数値が向上すれば目標達成になるかの設定をすればテストが開始できます。</p>

<h3 id="ABテストの結果にはブレが存在する">A/Bテストの結果にはブレが存在する</h3>

<p>動作の確認ができれば、続いては「何でもいいから1回テストしてみよう」となるわけですが、そこでチーム内から「ツールの精度を知ろう、それにはA/Aテストというのがあるらしい」との声が聞こえてきました。</p>

<p>A/Aテストと検索してみると、確かに記事がいくつか見つかり、&rdquo;AとBの違うもので差を測るのがA/Bテストなら、AとAの同じもので差が出ないことを測るのがA/Aテスト&rdquo; といった内容が書かれています。 AとAでテストをしているのに数倍の差が生まれた、とそんなことになってしまえばツールの数値が正確でないことになり、当該ツール自体の運用を見送る必要が出てくるため、これは大事なことだと理解して実施しました。</p>

<p>▼A/Aテスト結果（概要）<br />
<img alt="A/Aテスト結果（概要）" src="https://cdn-ak.f.st-hatena.com/images/fotolife/d/dmminside/20200115/20200115134547.jpg" /></p>

<p>A/Aテストの結果は上の画像のとおりで、どのパターンもオリジナルに何も手を加えていない状態にもかかわらず、なぜか最適である確率やベースラインを上回る確率が70％や91％という数字が見えます。 数値にブレがあったりパターンに差がないのに「このパターンがいいかもよ！」と示されたりすることで不安な面もありますが、それ以上に、ユーザーにそれぞれのテストパターンを見せる機能やGoogle&nbsp;Analyticsとの連携が便利なのは確かです。 効果測定を自分たちで行なっていけば良いことに気付き、Google Optimizeで運用していくことで決定しました。</p>

<h3 id="ABテストを実施">A/Bテストを実施</h3>

<p>A/Aテストを行ってみて結果に不安を覚えつつも、実際にやってみないとわからないということでやってみました。</p>

<p>▼A/Bテスト結果（推移）<br />
<img alt="A/Bテスト結果（推移）" src="https://cdn-ak.f.st-hatena.com/images/fotolife/d/dmminside/20200115/20200115134552.jpg" /></p>

<p>結果は上の画像の通りで、&rdquo;余白なし&rdquo; パターンの数値がオリジナルを上回る勝ちパターンとなりました。</p>

<p>ただよく見ると、A/Bテスト開始直後では各パターンの数値がバラバラで日によっての動きも大きく、数日経過していくことで収束していくのが読み取れます。 開始から数日でテストをやめていたら負けパターンになっていたかもしれません。 このことからもわかるように、Google Optimizeのテストには期間が重要です。</p>

<p>まずは、推奨されている２週間を実施し、それでもブレる場合は状況に応じて延長するなどの手段を取る必要があります。 また、アクセス数が少ないと収束するのに時間が掛かるようなので、そういったページをテストする場合はグラフがしっかり収束するまで様子を見てテスト期間を延長することも頭に入れておく必要があると学びました。</p>

<h3 id="実装のGOサイン">実装のGOサイン</h3>

<p>A/Bテストを終えGoogle Optimize上では勝ちパターンとなりましたが、A/Aテストでのブレの件もあるのでこのまま実装とはなりませんでした。 いくら「Google Optimize上で勝ちパターンになりました！」といっても、それだけで上長が実装のGOサインを出すには情報が不十分で、納得してもらえなかったのです。</p>

<p>こうなったら決定的な証拠を提示するしかないと思ってGoogle Analyticsに頼りましたが、この時は効果測定に必要な情報がなく、勝ち負けを判断できないという悲しい結末になってしまいました。 その後の別のA/Bテストでは、Google OptimizeとGoogle Analyticsの双方からデータを分析することで、上長を説得することに成功しています。</p>

<p>こうした失敗を経験してきたことで、今では施策を考える段階からその施策に必要な情報は何かを確認するようになりました。 また、事前にGoogle&nbsp;Analyticsのイベントタグを埋め込んだり、ダッシュボードを用意して推移を見守ったりするだけで結果を判断できるようにもなりました。</p>

<h3 id="おまけチームに貯まった知見の一部をご紹介">おまけ：チームに貯まった知見の一部をご紹介</h3>

<h4 id="テストが動作しないブラウザに注意">テストが動作しないブラウザに注意</h4>

<p>正直なところ、メジャーなブラウザなら問題なく動作してくれると思っていましたが、テストを認識してくれないブラウザも存在するようです。</p>

<p>認識してくれるくれないの判断については、Google Optimize上にあるプレビュー機能がそもそも動かないので、各ブラウザでのプレビューを行ったほうが良いと思います。 私たちが把握している限りでは、FirefoxやIEが特に怪しく、ターゲット設定から動作確認が取れたブラウザに限定してテストを行うほうが良いと思います。</p>

<h4 id="要素の移動は簡単にできるが制限あり">要素の移動は簡単にできるが制限あり</h4>

<p>Google Optimizeでは、テストの対象ページを実際に見ながらテストパターンを作成できます。</p>

<p>要素の位置を入れ替える機能も用意されていてとても便利なのですが、ページの構造によってはテストパターンの作成が上手くできず、対応できない場合がありました。 オススメ作品の位置を変更しようとテストを準備していたのですが、意図した位置に移動できませんでした。</p>

<p>その時はテスト内容の見直しになってしまい、原因究明できずに終わってしまったのですが、意外とできないこともあるので注意が必要です。</p>

<h4 id="非同期のDOMは触れない">非同期のDOMは触れない</h4>

<p>テストをしたいページが表示されてから非同期で読み込まれる要素についてはGoogle Optimizeでは触れないため、テストを行いたい場所の選定には気をつけたほうが良いかもしれません。</p>

<h4 id="テストパターンの動作検証はCookieで制御可能">テストパターンの動作検証はCookieで制御可能</h4>

<p>テストを開始した時、「上手く動いているか？」「不具合はないか？」と不安に駆られます。 問題なく動作しているかを検証するため、当初はCookieを削除してはリロードしたり、シークレットウィンドウでアクセスし直したりして、各テストパターンを引き当てて確認していました。</p>

<p>ただ、この方法はとても疲れるので、どうにかして簡単にテストパターンを確認できないか調査をしました。</p>

<p>結果、テストパターンを引いた場合に &rdquo;Cookie（_gaexp）&rdquo; が用意され、その値の &rdquo;末尾の数字&rdquo; を変更してページの再読み込みをすることでテストパターンを強制で表示できることがわかりました。<br />
※末尾の数字については、0：オリジナル、 1：パターン1つ目に対応（2以降も同様）</p>

<h4 id="テスト対象の条件にCookieやLocal-Strageの値の参照判定可能">テスト対象の条件にCookieやLocal Strageの値の参照/判定可能</h4>

<p>テスト対象の条件設定にて &rdquo;カスタム JavaScript&quot; を利用することで自由にJavaScriptを組んで判別ができます。 そして、Webサイト上のCookieやLocal Strageの値を参照することもできます。</p>

<p>&rdquo;CookieやLocal Strageの値がhogehogeだったら&rdquo; といった判定処理を用意することで、複雑な条件でもその条件に一致したユーザーに対してのみテストを実施できるので重宝します。</p>

<h4 id="カナリアリリースにも使える">カナリアリリースにも使える</h4>

<p>カナリアリリース（プロダクトやサービスの新機能を一部ユーザーのみが利用できるようにリリースし、新機能に問題がないことを確認しながら段階的に全体に向けて展開していくデプロイ手法）にも利用できました。</p>

<p>Google Optimizeの画面上で &rdquo;トラフィックの割り当て&rdquo; という項目でテスト対象の割合を設定できるので &rdquo;一部のユーザーのみ&rdquo; という部分を簡単にコントロールできます。 リリース時には10％で設定し、様子を見てその値を徐々に100％へ上げていくことで段階リリースを実現できました。</p>

<p>使い方として良いか悪いかと言われると怪しいところではあるのですが、専用の仕組みを用意せずとも段階リリースできたのでとても助かりました。</p>

<h2 id="まとめ">まとめ</h2>

<p>これまでいくつかのA/Bテストを実施してみたことで、大きな勝ちパターンはないものの、小さな勝ちパターンはちゃんと存在することがわかりました。 また、一発勝負での実装を予定していた施策についても、事前にA/Bテストをして効果があることの裏付けをできました。</p>

<p>売上向上に向けて活躍してくれるツールだろうとは期待していましたが、失敗から学び、それを次に活かす文化もチームに芽生えるという思わぬ副産物も得られたので、やはりA/Bテストを導入して良かったと思います。</p>

<h2 id="最後に">最後に</h2>

<p>今回のA/Bテストはほんの一例ですが、DMMは常に新しいことにチャレンジして知見を貯めることができる会社です。</p>

<p>一緒に働く仲間を募集していますので、ご興味のある方はいつでも気軽にご連絡下さい。</p>

<p><a href="https://dmm-corp.com/recruit/" target="_blank">https://dmm-corp.com/recruit/</a></p>


DMM動画サービスでA/Bテストを1年間運用してわかったこと

シェア

関連する求人

関連する記事