Looker Studioでサイトのコンバージョンと離脱率計測ダッシュボードを作ってみました（カスタムファネル）

こんにちは、カリーナです！
私は数か月前にYUZURIHAに入社し、クライアントのプロジェクトのためにマーケティングオートメーションの学習も始めました。問題の特定やサービスの改善するように、いくつかのコンバージョン（キー・イベント）について包括的なダッシュボードを作成するために、あれこれ試してみました。

そこで、この記事では、Looker Studio（旧Google Data Studio）でコンバージョン率と離脱率のカスタムダッシュボードの作り方を紹介したいと思います。

:::note warn
Looker StudioとLookerは異なるツールです。ドキュメントも機能もまったく違うので、検索するときはご注意ください。
:::

# なぜコンバージョン率と放棄率のダッシュボードが重要なのか？
既に基本をご存知の方は、[こちらにスキップ](https://qiita.com/karina-yzrh/items/45401cada42cc6e26390#%E3%82%B3%E3%83%B3%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E7%8E%87%E3%81%A8%E9%9B%A2%E8%84%B1%E7%8E%87%E3%83%80%E3%83%83%E3%82%B7%E3%83%A5%E3%83%9C%E3%83%BC%E3%83%89%E3%82%92%E4%BD%9C%E3%82%8B%E6%96%B9%E6%B3%95%E3%81%AF)してください。

コンバージョン率と離脱率のモニタリングは、ユーザーの行動を理解し、ビジネスパフォーマンスを最適化するために非常に重要です。

### コンバージョン率
コンバージョン率は、訪問者総数のうち、特定の目標を達成したユーザーの割合を示す重要な指標です。例えば、100人のユーザーがサイトを訪問し、5人が購入した場合、コンバージョン率は5％となります。

### 離脱率
ウェブサイト上でプロセスを開始したものの、完了する前に離脱したユーザーの割合を測定します。この指標は、ショッピングカート、フォーム、その他のマルチステッププロセスのパフォーマンスを評価するためによく使用されます。

例えば、200人のユーザーがカートに商品を入れたが、50人しか購入を完了しなかった場合、離脱率は75％となります。

高い離脱率は、複雑なチェックアウトプロセス、信頼の欠如、または技術的な問題などの問題を示唆している可能性があります。離脱率を理解し削減することで、ユーザーエクスペリエンス（UX）を大幅に改善し、コンバージョンの可能性を高めることができると思います。

# ダッシュボードの作成に Looker Studio を使用する理由
:::note info
TL;DR：基本的には、Google Analyticsの探索ダッシュボードよりも高性能で、カスタマイズ可能で、見栄えが良いです。ビジネスやプレゼンテーションのスタイルにマッチした分かりやすいフォーマットで、顧客やシェアホルダーと共有することができます。;)
:::
<dl>
  <dt>柔軟なデザイン</dt>
  <dd>Looker Studioは高度なカスタマイズが可能で、ブランドのイメージに合ったダッシュボードをデザインすることができます。色、フォント、レイアウトをカスタマイズし、読みやすく解釈しやすい視覚的に魅力的なレポートを作成することができます。</dd>
  <dt>データソース複数使用可能</dt>
  <dd>Looker Studioは、データベース、スプレッドシート、その他の第三者ツールなど、Google Analytics以外にも様々なデータソースに接続することができます。</dd>
  <dt>ンタラクティブ要素</dt>
  <dd>フィルタ、日付範囲コントロール、クリック可能なチャートなどのインタラクティブな要素を使用して、ユーザーエンゲージメントを強化します。これらの機能により、ユーザーはダッシュボードからナビゲートすることなく、簡単にデータを探索し、洞察を得ることができます。</dd>
  <dt>使いやすいインターフェイス</dt>
  <dd>Looker Studioの直感的なドラッグ＆ドロップのインターフェースは、技術的なスキルが浅い方でもご利用いただけます。コードを書いたり、データ分析に関する高度な知識がなくても、素早くダッシュボードを作成・変更することができます。</dd>
</dl>

Looker StudioはPro版もありますが基本的に無料です。ほとんどの場合、無料版でダッシュボードを作成することができますが、気になる方は公式サイトをご覧ください。

では、本題に入りましょう。

# コンバージョン率と離脱率ダッシュボードを作る方法は？
基本的な手順は以下の通り：

1. コンバージョンとして測定したいサイトイベントを特定する
1. ユーザーがコンバージョンを完了するまでのステップを特定する
1. サイトにイベントとキーイベント（googleアナリティクスの旧「コンバージョン」）を設定します。オプションでGTMを使用
1. Looker Studioアカウントを作成する
1. 空白のレポートを作成し、データソースを設定します
1. チャートを作成し、スタイルを設定する

多くのガイドはショッピングサイトにフォーカスし、購入コンバージョン率やカート離脱率について説明しています。しかし、これらのコンセプトを会員制サイトのような異なるタイプのサイトに適応させるのは難しいことです。
ここでは、**会員制サイトのダッシュボードを作成した経験**を共有します。（ショッピングの手順はあまり変わりませんですけどね）

私の会員制サイトの場合、追跡すべき主な指標は以下の通りです：

* 新規会員登録のコンバージョン率： 新規会員登録のコンバージョン率：登録プロセスを完了した訪問者の割合を測定します
* 登録プロセスの離脱率： 登録プロセス放棄率：これは、登録を開始したが完了しなかったユーザーの割合を追跡します

### なぜオープンファネルダッシュボードを使うのか？
私の場合、Eメール認証を含む登録プロセスの性質上、離脱率のオープンファネルダッシュボードを作成することにしました。その理由は以下の通りです：

* Eメール認証ステップ： 当サイトの登録プロセスでは、ユーザーがEメールを認証する必要があり、セッションを中断する可能性があります。クローズドファネルダッシュボードは、ユーザーが後で戻って確認を完了することを考慮していないため、より高い放棄率を不正確に表示するでしょう
* 複数のデバイスの使用： 複数のデバイスの使用：ユーザーは1つのデバイス（例：PC）で登録を開始し、別のデバイス（例：スマホ）で登録を完了する事がよくあります。クローズドファネルでは、これらを別々のセッションとしてカウントしてしまい、重複したセッションカウントや歪んだデータになってしまう可能性があります

:::note warn
Looker studioにはファネルチャートがありません。独自のカスタムファネルを作成するか、第三者のチャートエクステンション（現在Community Visualizationsとして知られている）を使用するかの2つのオプションがあります。
外部ツールを使用せず、独自のカスタムファネルチャートを作成します。
:::

https://support.google.com/looker-studio/answer/9206527#zippy=%2Cin-this-article

### 離脱率ファネルステップ
私のサイトで計画したファネルステップは以下の通りです。
1. 会員登録開始ページのセッション数（ページを訪問した人）
1. 会員登録開始マイクロコンバージョンのイベント数（Eメール認証に進むことを決めた人）
1. 会員登録フォームのセッション数（メール認証後）
1. 会員登録コンバージョンのイベント数（登録プロセスを完了した人）

測定単位が各ステップで同じではないため、これらのデータで棒グラフを作成することは不可能であることにお気づきでしょう。
従って、カスタムオープンファネルダッシュボードを作成するには、下記のようにする必要があります：
1. **各ファネル・ステップのスコアチャートを作成する**
ステップ1：事前登録ページのセッション数
![step1_jp.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3801563/38ec0205-67b1-c359-c707-29a042ff6b73.png)
ステップ2：会員登録開始マイクロコンバージョンのイベント数（メール認証に進むことを決定した人）
![step2_jp.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3801563/12c7dd78-80a1-bfdd-2645-de39f57c3d4a.png)
ステップ3：会員登録フォームのセッション数（メール認証後）
![step3_jp.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3801563/871c230b-b05a-ed29-7671-2f7c0c0fd479.png)
ステップ4：会員登録コンバージョンのイベント数（登録プロセスを完了した人）
![step4_jp.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3801563/c0ff988a-111b-5235-90ca-8e687a47db19.png)
1. **ステップ・データを1つのカスタム・データ・ソースに統合する**
すべてのチャートを選択し、右クリックして 「統合データ」を選択する。
![blend steps_jp.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3801563/a3b033a4-d9f2-df57-4b32-d729213d8995.png)
新しいグラフが表示される。この時点ではあまり意味がないので、少し調整してみましょう。
![blend steps2_jp.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3801563/f6d19dd3-b38a-e48d-98a8-673d71ab6043.png)
1. **「統合データ」から棒グラフを作成する**
4ステップのブレンドデータを見ることができます
![blended data_jp.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3801563/dcd21646-82dd-9799-64e3-470499880aef.png)
次に、「統合データ」のグラフ・チャートをクリックし、チャートの種類を「棒」か 「列 」に変更する。
エラーが出ますが、ディメンションを「統合データ」の1列目に変更し、大きくしてください。以下のようになります。
![blend steps3_jp.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3801563/582ddc87-01f1-eab3-0f15-e0a599309de1.png)
次に、他の3つのステップの列をメトリクスとしてチャートに追加する。
![blend steps4_jp.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3801563/309faa03-1537-03cf-89f5-41a5316755a7.png)
1. **ステップ間の離脱率を設定する**
ステップ2、ステップ1の順に選択し、右クリックから「統合データ」を選択する。
![blend steps5_jp.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3801563/e211d124-1570-1790-c8a8-19cef18153c4.png)
新しいグラフが表示されます。 
![blend steps6_jp.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3801563/7aa25f34-3b07-ac8e-0c36-8b2273118649.png)
しかし、ステップ2に進まなかった人のデータを表示するように数式を編集する必要があります。
![blend steps7_jp.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3801563/d9539d8d-91e4-6221-6f01-566506f2e149.png)
他のステップも同じ作業を繰り返す。しきい値に応じてスコアの色を変えるようなスタイルのカスタムフォーマットを追加することもできます。
![blend steps8_jp.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3801563/c7889f2f-80c4-c74f-f7b6-4373c2006c3a.png)
次にコンバージョン率を加えてみましょう。

### コンバージョン率表メトリック
計算式は以下の通りです。
``` コンバージョン率 = コンバージョン数 / 総訪問者数 x 100 ```
私のサイトの場合
``` コンバージョン率 = コンバージョン数 / マイクロコンバージョン数 × 100``` 
となります。

Looker Studioでは、とても簡単です。コンバージョン（Step4）チャートを選択し、次にマイクロコンバージョン（Step2）チャートを選択するだけです。そして、データをブレンドすると、新しいチャートが表示されます。これだけです。チャートの意味を理解するためにタイトルを付けましょう。コンバージョン率の指標にどのステップを使っているのか、ちょっとした説明を加えました。

# 最終結果
コンバージョン率と離脱率のダッシュボードが完成しました。
![conversion_abandonment_rate_dashboard_complete_japanese.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3801563/56193bb2-b466-d066-b17e-dbd98adab41f.png)
### ダッシュボードの共有
ダッシュボードを他のチームメンバー、顧客、あるいはシェアホルダーと共有することができます。
共有をクリックし、アクセス権を設定しましょう。ダッシュボードの編集を他の人に手伝ってもらう必要がない限り、デフォルトで「閲覧のみ」にすることをお勧めします。

以上、looker studioのカスタムファネルチャートについてでした。最後までお読みいただきありがとうございました。

# コメント
Google Analytics、Google Tag Manager、Looker Studioの使い方は1つではないので、このガイドは参考としてお使いください。
私はまだこのテーマについて初心者なので、どのようにダッシュボードを作成するか、皆さんのご意見をお聞かせください。