ファネルの可視化を使用すると、レポート作成者は、一連のプロセス内の複数のイベントにおける指標の変化を可視化できます。たとえばファネルグラフでは、セールス パイプラインでの見込み顧客の段階、マーケティング キャンペーンへの関与、ウェブサイトでの訪問者の動きが効果的に可視化されます。
多くの場合、ファネルグラフはプロセスの最初の段階が最大(100% など)で、段階が進むにつれ小さくなっていく場合に最も効果を発揮します。ファネルグラフには、各バーの幅を変えて各カテゴリの値が表示されます。値が大きいほどバーは広く、値が小さいほどバーは狭くなります。
この記事の内容:要件
ファネルグラフを作成するには、プロパティ パネルの [設定] タブで次のフィールドを設定する必要があります。
- ディメンション: ディメンションの値が、ファネルグラフ内の各ステップまたはイベントのラベルとなります。各イベント間の違いを確認するのに役立ちます。
- 指標: ディメンションに含まれるイベントを測定し、ファネルグラフ内の各イベントの幅と配置を決定します。
- 並べ替えフィールド: ファネルグラフでイベントを並べ替える際の基準となります。
注意事項
Looker Studio のファネルグラフに関して、以下の点にご注意ください。
- レポート作成者は、設定した指標に基づき、昇順または降順でファネルグラフを並べ替えることができます。これにより、指標の変化をさまざまな方法で表示することが可能です。指標以外の項目(設定したディメンションやディメンションのラベル)で並べ替える場合、ファネルグラフは数値ではなくアルファベット順で並べ替えられます。
- [バーのラベルの位置] スタイル オプションが [内側] に設定されている場合でも、データラベルは自動的にバーの内側または外側のどちらか(テキストがバーの幅に収まるかどうかによります)に表示されます。
-
ファネルグラフのバーにカーソルを合わせると、ツールチップが表示され、バーの値の詳細を確認できます。
ファネルグラフの例
ファネルグラフでは、さまざまな方法でデータを表示できます。このセクションでは、次のファネルのスタイル オプションの例を紹介します。
これらのファネルのスタイル オプションは、グラフの [プロパティ] パネルの [スタイル] タブにあります。
平滑バー
平滑バー オプションでは、ファネルグラフのデータが、相互に接続された滑らかなエッジのバーとして表示されます。各バーの幅は値に応じて異なり、値が大きいほど広く、値が小さいほど狭くなります。平滑バーのファネルは、必ずしも先端が尖るわけではありません。
たとえばファネルグラフでは、ディメンション「ウェブサイト イベント」と指標「イベント数」を可視化して、ウェブサイト閲覧者が購入に至った数をトラッキングできます。平滑バー型ファネルグラフには、指標「イベント数」の降順で並べ替えられた次のイベント名と、前の値に対する割合のデータラベルが表示されます。
- 商品を表示(100%)
- カートに追加(63.45%)
- 購入(44.77%)
- アカウント登録(13%)
- 注文をキャンセル(0.53%)
各バーの上部の幅は、前のバーの最も狭い部分と同じ幅です。これにより、各イベント カテゴリの値がどのように対応しているかを簡単に比較できます。
ステップバー
ステップバー オプションでは、ファネルグラフのデータがステップバーとして表示されます。各バーの幅は値に応じて異なり、値が大きいほど広く、値が小さいほど狭くなります。
たとえばファネルグラフでは、ディメンション「ウェブサイト イベント」と指標「イベント数」を可視化して、ウェブサイト閲覧者が購入に至った数をトラッキングできます。ステップバー型ファネルグラフには、指標「イベント数」の降順で並べ替えられた次のイベント名と、前の値に対する割合のデータラベルが表示されます。
- 商品を表示(100%)
- カートに追加(63.45%)
- 購入(44.77%)
- アカウント登録(13%)
- 注文をキャンセル(0.53%)
各イベント カテゴリのバーは、前のバーと明確に分けて表示されるため、ファネルグラフのデータがより明確に表されます。
逆三角形
逆三角形のオプションでは、ファネルグラフのデータが、底部に点があるより均一な三角形の形状で表示されます。三角形内の各値の幅と順序は、値に応じて異なります。指標値が高いイベントが、三角形の底部から順に次に指標値が低いイベントの広い方のセクションの上に表示されます。
たとえばファネルグラフでは、ディメンション「ウェブサイト イベント」と指標「イベント数」を可視化して、ウェブサイト閲覧者が購入に至った数をトラッキングできます。逆三角形のファネルグラフには、指標「イベント数」の降順で並べ替えられた次のイベント名と、前の値に対する割合のデータラベルが表示されます。
- 商品を表示(100%)
- カートに追加(63.45%)
- 購入(44.77%)
- アカウント登録(13%)
- 注文をキャンセル(0.53%)
ファネルのデータは、より合理的で均一な形で表示されるため、イベント数が最も多かったイベント カテゴリと最も少なかったイベント カテゴリをすばやく判断できます。
グラフの設定
新しいグラフを追加するか、既存のグラフを選択します。次に、プロパティ パネルを使用して、グラフの [設定] タブと [スタイル] タブのプロパティを設定します。
グラフデータの設定
データソース
データソースはコンポーネントと基になるデータセットを接続します。
- グラフのデータソースを変更するには、現在のデータソース名をクリックします。
- データソースを表示または編集するには、[データソースを編集] 鉛筆アイコン をクリックします(このアイコンを表示するには、少なくとも
閲覧
権限が必要です)。 - 複数のデータソースからのデータを 1 つのグラフに表示するには、[+ データの統合] をクリックします。データの統合機能の詳細
期間のディメンション
このオプションは、データソースに有効な日付ディメンションがある場合に表示されます。
Google 広告または Google アナリティクスのデータソースでは、自動的にデータソースの日付
型のディメンションが選択されるため、このオプションは表示されません。
「期間」ディメンションは、グラフの期間を指定する際の基準となります。グラフの期間のプロパティを設定する場合や、レポートの閲覧者が期間設定を使って期間を指定する場合などに使用されます。
このフィールドは、ファネルグラフでは省略可です。
ディメンション
ディメンションとは、データのカテゴリのことです。ディメンション値(ディメンションに含まれるデータ)は、名前や説明など、カテゴリの特性を表します。
このディメンションには、ファネルグラフのバーのラベルを指定します。
指標
指標は、ディメンションに含まれる要素を測定し、グラフの数値目盛りを指定します。
指標は、基盤となるデータセットから算出された集計値、または COUNT()
、SUM()
、AVG()
などの集計関数を暗黙的または明示的に適用した結果を示します。指標自体には定義済みの一連の値がないため、ディメンションの場合とは異なり、指標でグループ化することはできません。
並べ替え
[並べ替え] フィールドでは、ファネルグラフのバーを昇順または降順で並べ替えるためのディメンションを選択できます。
デフォルトでは、[指標] として設定されたフィールドが [並べ替え] フィールドにもなります。
指標以外のフィールドで並べ替える場合(文字列
型のディメンションで並べ替える場合など)、ファネルグラフは数値ではなくアルファベット順で並べ替えられることがあります。
フィルタ
フィルタでは、追加または除外する値を指定することでコンポーネントに表示されるデータを制御できます。フィルタ プロパティの詳細
フィルタ オプション
フィルタ名 | 既存のフィルタをクリックして編集します。削除するには、フィルタ名にカーソルを合わせて X をクリックします。 |
+ フィルタを追加 | グラフのフィルタを新しく作成するには、このオプションをクリックします。 |
グラフ インタラクション
[クロス フィルタリング] を使用すると、レポートの閲覧者は 1 つのグラフを操作し、その操作内容をレポート内の他のグラフにフィルタとして適用できます。グラフでクロス フィルタリングが有効になっている場合は、グラフ内の 1 つ以上のディメンション値をクリックしてレポートをフィルタできます。クロス フィルタリングの詳細
グラフのスタイルの設定
[スタイル] タブのオプションでは、グラフの全体的なデザインと表示形式を設定します。
タイトル
[タイトルを表示] チェックボックスをオンにすると、タイトルを追加し、その外観とグラフ上での配置をカスタマイズできます。
タイトルのオプション
タイトル | レポートの編集者は、グラフのカスタム タイトルをテキスト フィールドに入力できます。 |
タイトルのフォントタイプ |
タイトル テキストのフォントタイプを設定します。 |
タイトルのフォントサイズ | タイトル テキストのフォントサイズを設定します。 |
フォント スタイルのオプション | タイトル テキストに太字、斜体、下線のスタイル設定を適用します。 |
タイトルのフォントの色 | タイトル テキストのフォントの色を設定します。 |
左 | グラフのタイトルをグラフの左側に揃えます。 |
中央 |
グラフのタイトルをグラフの上側または下側の中央に配置します。 |
右 | グラフのタイトルをグラフの右側に揃えます。 |
上 | グラフのタイトルをグラフの上部に配置します。 |
下 | グラフのタイトルをグラフの下部に配置します。 |
ファネルグラフ
[ファネルグラフ] セクションの [ファネルの形状] 設定で、ファネルグラフ データを表示する方法を選択できます。以下のようなオプションがあります。
平滑バー | ファネルグラフのデータは、相互に接続された滑らかなエッジのバーとして表示されます。各バーの幅は値に応じて異なり、値が大きいほど広く、値が小さいほど狭くなります。バーが滑らかに処理されたファネルは、必ずしも先端が尖るわけではありません。このページの平滑バーの例をご覧ください。 |
ステップバー | ファネルグラフのデータがステップバーとして表示されます。各バーの幅は値に応じて異なります。値が大きいほど広く、値が小さいほど狭くなります。このページのステップバーの例をご覧ください。 |
逆三角形 |
ファネルグラフのデータをより均一な形で表示します。三角形内の各値の幅と順序は値に応じて異なります。このページの逆三角形の例をご覧ください。 |
各ファネルの形状の表示方法について詳しくは、このページの例をご覧ください。
データラベルを表示
[ファネルグラフ] セクションの [データラベルを表示] 設定を有効にすると、ファネルグラフの各バーにラベルが表示されます。チェックボックスをオンまたはオフにして、[データラベルを表示] 設定を有効または無効にします。
データラベル
このセクションでは、ファネルグラフのバーのデータラベルの表示形式を設定します。これらのオプションを表示するには、[データラベルを表示] チェックボックスをオンにします。
データラベルの表示形式 | ラベルの表示形式を設定します。オプションは [数値] または [割合] です。 | |
割合の種類 |
データラベルの種類が [割合] の場合、表示する割合を選択できます。以下のようなオプションがあります。
|
|
ディメンションを表示 | [データラベル] セクションの [ディメンションを表示] 設定を有効にすると、ファネルグラフの各バーのディメンション値が表示されます。スイッチをクリックして、[ディメンションを表示] 設定を有効または無効にします。 | |
数値の短縮表示 |
数値を四捨五入して単位記号を表示します。たとえば「553,939」は「553.9K」になります。 このオプションは、[データラベルの表示形式] が [数値] に設定されている場合にのみ使用できます。 |
|
数値精度 |
指標値に表示される小数点以下の桁数を設定します。 このオプションは、[データラベルの表示形式] が [数値] に設定されている場合にのみ使用できます。[データラベルの表示形式] が [割合] に設定されている場合、数値精度は常に 2 となります。 |
|
ラベルのフォントサイズ | ラベルテキストのフォントサイズを設定します。 | |
ラベルのフォント ファミリー | ラベルテキストのフォントタイプを設定します。 | |
フォント スタイルのオプション | ラベルテキストに太字または斜体のスタイル設定を適用します。 | |
バーのラベルの位置 |
バーに対するラベルの相対的な位置を設定します。選択できるオプションは [内部] と [外部] です。 [バーのラベルの位置] スタイル オプションが [内部] に設定されている場合でも、バーのラベルは、バーの幅にテキストを収めることができるかどうかに応じて、バーの内側または外側に自動的に表示されます。
|
|
ラベルの背景 |
ラベルテキストの背景色を設定します。 |
配色
このオプションでは、ファネルの可視化の色を設定します。
単色 |
このオプションを選択すると、データ系列は単色の濃淡で表示され、オフにすると、グラフはレポートのテーマに応じて複数の色で表示されます。
|
棒グラフでの順序 |
現在のテーマを使用して、グラフ内の位置に基づいてデータを色付けします。このオプションを使用したグラフでは、データの同一性よりも、そのデータの順位付けが重視されます。 色見本をクリックして、特定の色の順序を指定できます(順序は左上の色見本から右に向かって進みます)。 |
ディメンション値 |
このオプションでは、[ディメンションの色の値を管理] メニューで割り当てられた色で、グラフの各ディメンション値を色付けします。このオプションを使用すると、グラフ内の位置に関係なく、同じデータには常に同じ色が使用されます。
|
棒の枠線の色
[配色] セクションの [棒の枠線の色] オプションを使用すると、ファネルグラフの棒の枠線の色を変更できます。また、[テーマ] メニューの [レイアウト] タブで、レポートのすべてのグラフの棒の枠線の色を指定することも可能です。
背景と枠線
次のオプションを指定して、グラフの背景と枠線の表示方法をカスタマイズできます。
背景 | グラフの背景色を設定します。 |
枠線の角丸半径 | グラフの背景に角丸の枠線を追加します。半径を 0 にすると、背景の角が 90° になります。枠線の角丸半径を 100° にすると、角が丸くなります。 |
不透明度 | グラフの不透明度を設定します。不透明度を 100% に設定すると、対象物がグラフの背後に隠れます。0% に設定すると、グラフが非表示になります。 |
枠線の色 | グラフの枠線の色を設定します。 |
枠線の太さ | グラフの枠線の太さを設定します。 |
枠線スタイル | グラフの枠線のスタイルを設定します。 |
枠線に影を付ける | グラフの下側と右側の枠線に影を追加します。 |
グラフのヘッダー
グラフのヘッダーでは、データのエクスポート、ドリルアップ、ドリルダウン、グラフの並べ替えなど、グラフに対してさまざまな操作を実行できます。グラフのヘッダーのオプションは次のとおりです。
カーソルを合わせて表示(デフォルト) | グラフのヘッダーにカーソルを合わせると、[その他] メニューが表示されます。グラフの [その他] メニューをクリックすると、ヘッダー オプションにアクセスできます。 |
常に表示 | [その他] メニューは、常にグラフのヘッダーに表示されます。 |
表示しない | ヘッダーのオプションを表示しません。レポートの閲覧者は、いつでもグラフを右クリックしてオプションにアクセスできます。 |
ヘッダーのフォント色 | グラフのヘッダーのオプションの色を設定します。 |
関連資料