tag:crieit.net,2005:https://crieit.net/tags/%E3%83%87%E3%83%BC%E3%82%BF%E5%8F%AF%E8%A6%96%E5%8C%96/feed Crieitでタグ「データ可視化」に投稿された最近の記事 2018-12-20T17:58:50+09:00 https://crieit.net/tags/%E3%83%87%E3%83%BC%E3%82%BF%E5%8F%AF%E8%A6%96%E5%8C%96/feed tag:crieit.net,2005:PublicArticle/14659 2018-12-15T13:57:22+09:00 2018-12-20T17:58:50+09:00 https://crieit.net/posts/GoogleAnalytics <p>こちらはCrieitの<a href="https://crieit.net/advent-calendars/2018/technology">個人開発サービスに用いられている技術 Advent Calendar 2018</a>の15日目の記事です。<br /> 前日は<a href="https://crieit.net/users/naichilab">naichiさん</a>の<a href="https://crieit.net/posts/unityroom">ゲーム投稿サイト「unityroom」に使われている技術</a>でした！すごいしっかりとした構成でさすがー😭</p> <p>今までの僕のやっている<a target="_blank" rel="nofollow noopener" href="http://kentear.hatenablog.com/entry/rep-serverside">立教大学シラバス検索システムを支える技術たくさんブログに書いた</a>ので、サービス運営の話を書こうと思います。</p> <p>みなさんGoogle Analytics使っていますか？使っていますよね？あれ、めっちゃ便利で無料ですもん。</p> <p>今回はwebサービスを2年間運用した中で、「あーこんな使い方もあるのかー」という方法を書こうと思います！</p> <h2 id="ユーザーのタイプに応じた分析"><a href="#%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%81%AE%E3%82%BF%E3%82%A4%E3%83%97%E3%81%AB%E5%BF%9C%E3%81%98%E3%81%9F%E5%88%86%E6%9E%90">ユーザーのタイプに応じた分析</a></h2> <p>みなさんの運営しているサービスではアカウントのログイン機能はありますか？<br /> もしログイン機能があるならこれが真っ先にやるべきことです。</p> <p>この機能はカスタムディメンションといい、ユーザーの状態をGAに送ることができます。<br /> ログインしているorしていないだけでなく、会員タイプのような複数種類あるものも指定可能です。まさにカスタム！</p> <h3 id="設定方法"><a href="#%E8%A8%AD%E5%AE%9A%E6%96%B9%E6%B3%95">設定方法</a></h3> <p>設定方法の記事を紹介させていただきます。</p> <p><a target="_blank" rel="nofollow noopener" href="https://webtan.impress.co.jp/e/2017/09/21/26869">GAに用意されていない独自の軸で分析できる「カスタムディメンション」を設定する方法</a></p> <p>僕はfooterのhiddenタグにログイン状態をtrue/falseで書き、それをjsで取得してGAに送信しています。</p> <h3 id="セグメントについて"><a href="#%E3%82%BB%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6">セグメントについて</a></h3> <p>GAを使っているのに、いつもセグメントを「すべてのユーザー」だけにして見ていませんか？<br /> それは最大に勿体ないGAの使い方です。GAはセグメントを区切ってからが本気です。（言い過ぎ）</p> <p>ではまず基本的なセグメントの操作方法を紹介します。<br /> セグメントというのはほぼ全てのレポートで上部に表示されているこの部分をいじることで変更することができます。</p> <p><a href="https://crieit.now.sh/upload_images/e3a07a3cc5e16c19ec9239dc5a3b10895c10e0d444ec7.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/e3a07a3cc5e16c19ec9239dc5a3b10895c10e0d444ec7.png?mw=700" alt="セグメントの画像" /></a></p> <p>試しに、検索エンジンから流入したユーザーがどう動くのかを見てみましょう。<br /> 「すべて」から「自然検索トラフィック」を選択するだけです。</p> <p><a href="https://crieit.now.sh/upload_images/f27f50b3a287fc8ef7504cef5b20b3455c10e13d8f28e.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/f27f50b3a287fc8ef7504cef5b20b3455c10e13d8f28e.png?mw=700" alt="自然検索トラフィックを選択" /></a></p> <h3 id="ユーザータイプのセグメントを作る"><a href="#%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%82%BF%E3%82%A4%E3%83%97%E3%81%AE%E3%82%BB%E3%82%B0%E3%83%A1%E3%83%B3%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8B">ユーザータイプのセグメントを作る</a></h3> <p>「ユーザーがログインしているかどうか」のセグメントは当然デフォルトではありません。自分で作成する必要があります。<br /> 上記のカスタムディメンションの設定を先にする必要があります。</p> <p>セグメント選択で、左上の「新しいセグメント」から作成します。</p> <p>詳細の「条件」を選択、</p> <p>カスタムディメンション > User Categoryを選択し、以下のようにします。</p> <p><a href="https://crieit.now.sh/upload_images/23180c49df2f836d8814af69734520515c10e186243bb.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/23180c49df2f836d8814af69734520515c10e186243bb.png?mw=700" alt="User Categoryからカスタムセグメントを作成" /></a></p> <p>これがログイン済みのユーザーです。同様にfalseの場合（ログインしていないユーザー）のセグメントも作成します。</p> <h3 id="数字を見る"><a href="#%E6%95%B0%E5%AD%97%E3%82%92%E8%A6%8B%E3%82%8B">数字を見る</a></h3> <p>僕の運営する<a target="_blank" rel="nofollow noopener" href="http://www.rep-rikkyo.com/">Rep立教大学シラバス検索システム</a>ではログインしているユーザーの方が圧倒的に愛してくれています。</p> <p><a href="https://crieit.now.sh/upload_images/8f76a56b3910a358c801103c75fc072a5c10e1ae899c8.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/8f76a56b3910a358c801103c75fc072a5c10e1ae899c8.png?mw=700" alt="Repのログインユーザーとそれ以外の比較" /></a></p> <p>ざっくりログインしていないユーザーと比較すると、</p> <ol> <li>1度Repを訪れると3倍弱の回遊をする</li> <li>2倍以上再訪してくれる</li> <li>2.5倍長く滞在する</li> <li>4分の1の直帰率</li> </ol> <p>これはある意味当然ですね。Repをよく使ってくれているからログインしている。<br /> これだけの情報から次のアクションを練るのは難しいかもしれませんが、「ログインしている」ことが利用状況と関係はありそうです。（因果関係ではないかもしれない）</p> <p>このような分析を他のレポートでも利用できます！</p> <p>もっと工夫すれば、ログインしているユーザーの中でも特定のアクションをしたことがある人と、そうじゃない人で比較するとさらに発見があるかも！</p> <p>これはイベントトラッキングを利用して作成した「授業レビューを書いたことがあるユーザー」のセグメントです。</p> <p><a href="https://crieit.now.sh/upload_images/7cd783d6163f784cc512fe2187ee47035c10e34978cd1.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/7cd783d6163f784cc512fe2187ee47035c10e34978cd1.png?mw=700" alt="工夫したセグメント" /></a></p> <p>Repの場合はレビューを書いたことのあるユーザーとそうではないユーザーで行動を比較すると結構興味深いです。</p> <h2 id="コホート分析"><a href="#%E3%82%B3%E3%83%9B%E3%83%BC%E3%83%88%E5%88%86%E6%9E%90">コホート分析</a></h2> <p>あなたのサービスにユーザーさんは戻ってきていますか？<br /> GAではそれを把握するためにコホート分析というのがあります。</p> <p>「ユーザー」>「コホート分析」でみることができます。<br /> まだベータ版ですが全然問題なく使えます。</p> <h3 id="どんなレポートなのか"><a href="#%E3%81%A9%E3%82%93%E3%81%AA%E3%83%AC%E3%83%9D%E3%83%BC%E3%83%88%E3%81%AA%E3%81%AE%E3%81%8B">どんなレポートなのか</a></h3> <p>これはある日に訪れたユーザーがその◯日後に再訪しているかを確認できます。</p> <p>例えば、以下の画像を見てみてください。</p> <p><a href="https://crieit.now.sh/upload_images/232ebca98fafedeb228c370cd18692155c10e020a85d3.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/232ebca98fafedeb228c370cd18692155c10e020a85d3.png?mw=700" alt="コホート分析の画像" /></a></p> <p>2018/11/11~11/17に訪問したユーザーの1.49%は12/02~12/08の間に戻ってきていることがわかります。</p> <h3 id="Tips"><a href="#Tips">Tips</a></h3> <p>コホート分析では他のレポートのように期間を自由に設定できず、セレクトボックスから期間を選択する形式です。</p> <p>しかし、URLパラメータの <code>cohortTab-cohortOption.dateRange</code>の値を変更すると任意の期間にすることができます。<br /> この方法は当然オフィシャルではないので、ご自身の判断で利用してください。僕の手元ではそれっぽい数字が出ています。</p> <h3 id="ユーザータイプと組み合わせる"><a href="#%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%82%BF%E3%82%A4%E3%83%97%E3%81%A8%E7%B5%84%E3%81%BF%E5%90%88%E3%82%8F%E3%81%9B%E3%82%8B">ユーザータイプと組み合わせる</a></h3> <p>コホート分析で先ほど書いたセグメントを活用すると、どういう時期に戻ってきているのかがユーザーのタイプごとにわかるようになります。</p> <p>以下はRepの11ヵ月分のコホートの一部です。<br /> Repは履修期間や試験期間に利用が増えるサービスですが、その特性が表れています。<br /> 濃い部分が斜めに帯状になっているのがその証。</p> <p><a href="https://crieit.now.sh/upload_images/86613e9827eec13055afe046168227c25c10dfc0e74e2.png" target="_blank" rel="nofollow noopener"><img src="https://crieit.now.sh/upload_images/86613e9827eec13055afe046168227c25c10dfc0e74e2.png?mw=700" alt="Rep11ヵ月分" /></a></p> <p>そして、ログインしていないユーザーよりも圧倒的に戻ってきてくれる！ありがたいですね😭</p> <p>長く愛されるサービスにしたいなら当然ここの数値を上げていきたいところです。<br /> 以前Twitterでほんと僅かにバズって123人だけユーザー登録してくれたサービスがあったのですが、おそらくここの数値が低かったと思います。。。</p> <h2 id="まとめ"><a href="#%E3%81%BE%E3%81%A8%E3%82%81">まとめ</a></h2> <p>GAって分析ツールですが、個人開発者からするとお酒のお供みたいな感じですよね😇</p> <ul> <li>カスタムディメンション</li> <li>コホート分析</li> </ul> <p>ぜひ使ってみてウハウハしてみてください！</p> <p>明日は、<a href="https://crieit.net/users/tetsuya">tetsuyaさん</a>の記事です！<br /> お楽しみにー！</p> SugiKent