Why we started using Heap for analytics from Day One

Written by on in Articles

Understanding how visitors and customers use your product is crucial to a feedback based product development cycle and here’s how we started at Typito with the help of Heap analytics.

When you start building products, one of most difficult decisions in the early days is around your granularity of an analytics setup.これは、製品を作り始めるときに、初期の段階で最も難しい決定のひとつとなります。 どのようなイベントおよびデータ ポイントを記録し、それらをどの程度詳細にする必要があるのか。 何が意味を持ち、何が意味をなさないのか。 このような質問の数に圧倒され、ウサギの穴に入り込んでしまい、重要な部分である顧客との会話や製品の構築から常に目をそらしてしまうことになりかねません。 これは、Typitoの創業者である私の話であり、ソーシャルゲームや消費者向けヘルスケアなど、測定に大きく依存する業界で5年間製品を作り、管理してきた後の話です。 他の多くの創業者と話した後、私が学んだことは、最初の1年間は製品の測定基準の価値を過小評価し、何が起こっているのかわからずに終わるか、あるいは、Typitoでの最初の数日間を私が過ごしたように、何を記録する必要がありそれがどう関連しているかについて自分やチームと議論して多くの時間を過ごすかのどちらかである。 しかし、測定基準のウサギの穴に吸い込まれないように、最も重要なユーザー アクション（私たちの場合は 3 つのアクション）だけを追跡することを確実にします。 分析バックボーンの残りの部分は、回顧や、構築時に心配することなく特定のイベントがどのように形成されたかを振り返る能力によって促され、段階的に構築する必要があります。 つまり、上位 3 つの指標以外に、ページ訪問、ファンネル、ボタン クリックなど、Heap によって遡及的に記録される製品上のユーザーの活動に基づいて推論を行うことができます。 詳細は後ほど説明します！

Heap によりコードを書かずにデータをさかのぼって分析することができます。

Typito は、85000 以上のマーケティング担当者やマーケティング代理店が、オンラインでプロフェッショナルなビデオを作成するために使用しているビデオ デザイン ツールです。 2つのコアとなる仮説に基づいて構築されています。
1. 現在見られるような動画消費の急増傾向は、今後数年のうちに、インターネット上のコンテンツ形式として動画を採用する何百万もの企業によって、まもなくフォローされるだろう。 もし我々が素晴らしいビデオの作成を可能にする製品として成功しなければならないのであれば、ユーザーが思い描く通りにビデオをデザインする創造的な自由を提供することから始めなければなりません。

Typito を使ってチーズバーガーの動画をデザインする

2017年3月末にやっとベータ版Typitoを出せたとき、製品に3アクション記録することにしたのです。

  1. User sign up using email address
  2. User create a video project
  3. User exports a video project

Note: Heapでカスタムイベントをログする方法についてはこちらの記事で紹介しています。 Heap チームによる詳細なドキュメントのおかげで、3 つのメトリックをライブでプッシュするのに 1 時間もかかりませんでした。

ご覧のように、私たちが心配していた唯一のデータ ポイントは、ユーザーが Typito の半熟版 (ベータ版) を使用して価値を見出しているかどうかに焦点を当てたものでした。 私たちにとって、価値は、ユーザーがサインアップし、プロジェクトを作成し、ツールを使ってビデオをエクスポートするのに苦労していることによって、おおよそ示されました。 下のグラフはHeapに掲載されているもので、ユーザーがTypitoというサービスに出会い、動画を作成し始めた様子を示しています。

Heap graph view of our early stage metrics just after launch

最初の2カ月間、ユーザーのサインアップをアクションとして正確にロギングしなかったことが失敗だったこともはっきりとわかるでしょう。 ここでは、かなり早い段階で厳しい教訓を学びました。

計測器やデータを記録するプロセスをテストすることは、製品を開発しているときに最も重要な作業の 1 つですが、あまり評価されていません。 Heap のようなツールを使用すると、製品のコア アクションのログは 1 時間以上かかることはなく、Web サイトにアクティブなトラフィックがある場合は、半日でテストを完了することができます。 簡単に説明すると、ユーザーは通常、サインアップ -> プロジェクトを作成 -> プロジェクトをエクスポート、という連続したステップをたどることがわかっていました。 そのため、Typitoを立ち上げた初期にこのファネルがどのように見えるかを知ることは理にかなっていました。 さて、「ユーザーがサインアップする」イベントのログを取る際に行ったインスツルメンテーションの誤りのおかげで、Heapに3つのデータポイントをすべてアップし始めた2017年6月からしかファネルを見ることができませんでした。

Heap funnel about user journey navigation through core actions in June 2017

Heapで作成したこのファンネルによって、当時ユーザーが製品内の一連のコアアクションをどう回っているかが簡単に理解できるようになったのです。 私たちはこれを比較するベンチマークを持っていませんでしたし、当時はこのファネルをどのように改善するかについて何日も費やしていませんでした。 私たちはただ何が起こっているのかを知りたかったのですが、Heapは簡単にその答えを与えてくれました。 私の経験では、何かを学んだときと、それに基づいて行動しようと思ったときとの間には、どうしても時間的なギャップがあります。

Note: Heap でグラフとファネルをセットアップする方法に関する記事を紹介します。 8457>

Heap での遡及分析がどのように役に立ったか

前のセクションで説明したように、私たちは Heap で「少ないことは多い」という哲学を持ってインストルメンテーションをスタートさせました。 そのアプローチを追求することに自信を持っていた理由の 1 つは、Heap が、そもそもログに記録することを意図していなかったデータを表示することを約束してくれるからです。 創業者、マーケティング担当者、プロダクトオーナーに力を与えるHeapのコアUSPについて、詳しくご紹介しましょう。 Web サイトまたは Web アプリケーションの所定のページに Heap の JS スニペットを追加すると、ページ ビュー、（CSS セレクタに基づく）ボタンなどのインタラクティブ要素のクリック、フォーム送信、（CSS セレクタに基づく）要素の状態変更、セッション開始など、ユーザーが Web サイト上で行ったすべての可能なアクションを基本的に記録することができます。 基本的に、これはクライアント側で発生するほとんどのアクション、つまりブラウザに読み込まれたあなたのアプリをカバーすることになります。 ほとんどの Web アプリケーションでは、これらのイベントはユーザーが行ったアクション（例：価格設定ページの閲覧）を正確に描写するか、最悪の場合、ユーザーが行ったアクションの有望なプロキシとなります（例：「Download video」ボタンのクリックは、ユーザーがビデオをダウンロードしたイベントのプロキシとなる）。 クライアント側でヒープが何を行うかのコンテキストを説明したところで、私たちの旅の例を使って、遡及分析がどのように役立つかを説明します。 Typitoベータ版のローンチからちょうど3か月が経過した2017年6月末に戻り、カスタムイベントを3つだけログに記録したところを見てみましょう。 6月の始めに、その3つのイベントのうち1つが正しく記録されていないことに気づき、それを修正します。

私はまず、ランディング ページがどのように機能しているかを定量化するのに役立つ、ランディング ページでの 10 のユーザー アクションをリストアップすることから始めました。 そこから、3つの重要なアクションに絞り込みます。
1. ユーザーがランディング ページを訪問する (https://typito.com/create)
2. ユーザーが [Get Started] ボタンをクリックする (サインアップするための主要なコール トゥ アクション)
3. ユーザーが Typito にサインアップする (Heap のカスタム イベントを使用してすでにログに記録)

Heap にはページ ビューやボタン クリックなどのユーザーの活動がすでに保存されているので、あとは訪問ページや CSS セレクタ クリックに基づいてそれぞれのイベントを定義するだけで、すぐに開始することができました。 これらのイベントを定義する方法の詳細については、こちらを参照してください。

ランディング ページ上の「Get Started」ボタンの CSS セレクタを取得するために、Heap は使いやすいイベント ビジュアライザーを提供しています。

Event Visualiser は CSS セレクタに基づいてページ上の要素を選択できます

参考までに、私が Event Visualiser を使用して、着陸ページで「開始」ボタンをクリックするイベントをどのようにして定義したかを以下に説明します。

Heap の Event Visualiser を使用して数回のクリックで Web ベースのイベントを追加する方法

数分で、そのようなことができます。 イベントを定義し、ランディングページで起きているコンバージョンを検査することができます。この3つのイベントのうち2つは、ウェブアプリケーションページでHeap JS snippetを使い始めたときに手動で記録する必要がありませんでした。 なんて素晴らしいんでしょう。 🙂

遡及分析の助けを借りて作った2017年6月の月のランディングページファネルの報告

Typitoのベータ時代から、異なるステージにわたってユーザー行動を分析するのにヒープを使うのは超楽だとわかっています。 獲得、活性化、保持、紹介、収益（AARRRフレームワーク）の各段階におけるユーザーの行動を分析するために、Heapを使用するのは非常に簡単だとわかりました。 実際、数ヶ月前にHeapはダッシュボードに「Suggested Reports」というセクションを設け、コホート分析やファネル評価などを使ってクエリをメトリクスに接続することで、ビジネスに関する重要な質問に答えることができるようになりました。 ここでは、Suggested Reportsの詳細について説明します。

あなたのプロジェクト ダッシュボード

の右側で、「おすすめレポート」を見ることができます。 Google Analytics以外の分析スイートを使用することを強くお勧めします（Google Analyticsは、ページビューや、単純な取引行動を伴うウェブページ/ブログ/eコマースに関するその他のデータポイントを分析するには優れた製品ですが、ユーザーの流れを記録するために構築されているわけではありません）。 このカテゴリの製品の中で、私はHeap analyticsを試してみることをお勧めします。その理由は、遡及分析がもたらす価値、つまり、何を記録し、何を記録しないかを考えるのに費やす意思決定の疲労と時間を減らすことができるからです。 この記事が、初期段階のスタートアップとしてデータ分析を行う方法について簡単な見通しを与えてくれたことを願っています。

Heap を現在どのように使用しているか（最初の日から 2 年以上）については、近いうちに書きたいと思っています。 また、アプリのユーザーフローやエクスペリエンスを分析するためにどのようなツールを使用したかについて、あなたの考えを共有してください。 🙂

This story was originally posted in Typito blog.

This story is originally posted in Typito blog.

コメントを残す

メールアドレスが公開されることはありません。