1
0

Looker Studio にてページを入れ子に(ネスト)する方法

Posted at

概要

Looker Studio にてページを入れ子に(ネスト)する方法を共有します。ページを入れ子に(ネスト)すると下記画像のようにページを階層で管理ができます。ただし、ページ自体を階層することはできず、セクションに紐づけることで階層化できることに注意が必要です。

image.png

Looker Studio のドキュメントにてアイコンを設定後の画面が紹介されています。

image.png

アイコンの種類が多数あり、レポートの分類する際には便利そうです。

image.png

引用元:ページの追加とレポートのナビゲーション - Looker Studioのヘルプ (google.com)

セクションだけでなく、分割線やヘッダー(タイトル)も追加できるようなので、多数のページがあるレポートを作成する場合の UX を向上させることができそうです。

image.png

image.png

階層化できる階層には次のような制約があるようであり、2024年1月12日時点では3階層までのようです。

image.png

引用元:ページの追加とレポートのナビゲーション - Looker Studioのヘルプ (google.com)

本手順はページの管理を選択して表示されるレポートのページウィンドウにて設定するため、2ページ以上がレポートに含まれていることが前提となるようです。

image.png

手順

1. Looker Studio にてページタブ -> ページの管理を選択

image.png

2. レポートのページウィンドウにて、下にある -> ページの追加する -> セクションを選択

image.png

3. セクション(無題のセクション)が追加されたことを確認

image.png

4. セクションに追加したいページをセクションにドラッグ

image.png

5. 再度、レポートのページウィンドウにて、下にある -> ページの追加する -> セクションを選択

image.png

6. セクション(無題のセクション)が追加されたことを確認後、再度、セクションに追加したいページをセクションにドラッグ

image.png

7. セクションの名称を変更して、適切な名称(上位階層下位階層)に変更

image.png

image.png

8. 上位階層のセクション(上位階層セクション)に対して、下位階層のセクション(下位階層セクション)にドラッグする

image.png

8. 階層化されていることを確認

image.png

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0