[Looker Studio] レポートレイアウトの使い方 | 画像付きでわかりやすく解説

[Looker Studio] レポートレイアウトの使い方 | 画像付きでわかりやすく解説

この記事ではLooker Studioのレポートのサイズ、ナビゲーションの表示、表やグラフの配置先やグリッド設定の方法を画像付きで詳しく解説します。レポート全体に適用する設定とページ個別に適用する設定がそれぞれ存在します。レポートを見る人の環境や使い方にあわせたレポートレイアウトの作成に活用してみてください。

レポートレイアウトとは

レポートレイアウトではレポート全体のサイズ、ナビゲーションの表示位置やコンポーネントの設置位置などを設定することができます。

レポート全体のスタイルの設定については[Looker Studio]レポート全体のスタイルを決めるテーマの使い方を、表やグラフなどのコンポーネントの細かな設定については[Looker Studio] コンポーネント(グラフや表)の設定方法を参考にしてください。

レポートのレイアウトはテーマとレイアウトメニューのレイアウトから設定していきます。

Looker Studioのレポートレイアウト
引用:Looker Studio

ヘッダーの表示設定

レポートのヘッダーの表示設定を変更することができます。レポートのヘッダーは以下の場所を指します。

Looker Studioのレポートヘッダーの位置
引用:Looker Studio

ヘッダーの表示設定は以下の3つのから選択ができ、デフォルトは常に表示になっています。

  • 常に表示:常時、ヘッダーが表示される
  • 自動非表示:時間を置いてヘッダーが非表示になり、カーソルを合わせれば再度表示される
  • 最初は非表示:最初からヘッダーが非表示になり、カーソルを合わせれば表示される

ヘッダーが非表示の時のレポートの見た目は以下のようになります。

Looker Studioのレポートヘッダー非表示の見た目
引用:Looker Studio

ナビゲーションの表示位置

目次のようなページナビゲーションの表示位置を決めることができます。デフォルトでは左になっています。

Looker Studioのレポートナビゲーションの位置
引用:Looker Studio

ナビゲーションの種類には以下の4種類から選ぶことができます。

  • タブ
  • 左上
  • 非表示

それぞれは以下のような見た目になります。

ナビゲーションの種類:左

Looker Studioのレポートナビゲーション左
引用:Looker Studio

ナビゲーションの種類:タブ

Looker Studioのレポートナビゲーションタブ
引用:Looker Studio

ナビゲーションの種類:左上

Looker Studioのレポートナビゲーション左上
引用:Looker Studio

ナビゲーションの種類:非表示

Looker Studioのレポートナビゲーション非表示
引用:Looker Studio

レポートのテーマに基づきますにチェックをいれるとナビゲーションにレポートのテーマが適用されます。

Looker Studioのレポートナビゲーションのテーマ設定
引用:Looker Studio

レポートの表示画面では以下のようになります。

Looker Studioのレポートナビゲーションのテーマ表示
引用:Looker Studio

表示モードの設定

ここではレポートをブラウザウインドウのサイズにあわせて表示するかウインドウサイズによらずに実際のサイズで表示するかを選択することができます。

Looker Studioのレポートの表示モード
引用:Looker Studio

幅に合わせるを選択した場合は以下のようにページがウインドウのサイズにあわせた形になります。

Looker Studioのレポートの表示モードの幅に合わせる
引用:Looker Studio

原寸大を接待した場合は以下のようにウインドウサイズに関わらず設定した大きさに固定されます。

Looker Studioのレポートの表示モードの原寸大
引用:Looker Studio

さらに余白ありのチェックを外すとダークモードのテーマでは空白を含まない以下のような見た目になります。

Looker Studioのレポートの表示モードの余白なし
引用:Looker Studio

キャンパスサイズの変更

レポートのページの大きさを決めることができます。自由にサイズを変更できるカスタムの他に以下が選択肢として用意されています。キャンパスサイズは最大で幅2,000ピクセル、高さ10,000ピクセルまで設定できます。

  • US レターサイズ(4:3)- 縦向き
  • US レターサイズ(4:3)- 横向き
  • スクリーン(16:9)- 縦向き
  • スクリーン(16:9)- 横向き

キャンパスサイズにはいっていないコンポーネントは表示モードの際には表示がされません。

Looker Studioのレポートのキャンパスサイズ
引用:Looker Studio

配置先

配置先ではコンポーネントの設置方法をスマートガイドとグリッドから選ぶことができます。デフォルトではスマートガイドになっています。

Looker Studioのレポートの配置先
引用:Looker Studio

スマートガイドでは他のコンポーネントの位置やサイズによって補助線が表示されるので、縦横をそろえたりサイズをそろえたりがしやすくなります。

グリッドではマス目状のグリッドのサイズ単位でコンポーネントの位置を移動することができます。

グリッドの設定

どの配置先でグリッドに設定した場合にコンポーネントをどのように位置を決めるかをここで設定します。以下の4項目が設定できます。

  • サイズ:グリッドのマス目の一辺の長さを指定
  • パディング:グリッドのマス目内の余白を指定
  • 水平オフセット:グリッドの位置を左右に調整
  • 垂直オフセット:グリッドの位置を上下に調整

グリッドのサイズは10ピクセル以上で指定できます。

配置先をグリッドにした場合はここで設定したグリッドのサイズ単位でコンポーネントを移動できます。例えばグリッドのサイズを10ピクセルにした場合は10ピクセルごとにコンポーネントの位置を調整することができ、グリッドのサイズを100ピクセルにした場合は100ピクセルごとにコンポーネントの位置を調整できます。コンポーネントの位置を細かく調整してレポートの見た目を整えたい場合はグリッドのサイズは小さく設定するとよいでしょう。

以下にグリッドのサイズが10ピクセルの時と50ピクセルの時の例を表示します。10ピクセルの方が細かく設定できることが確認できます。

グリッドのサイズが10ピクセルの場合

グリッドサイズが10ピクセルの例
引用:Looker Studio

グリッドのサイズが50ピクセルの場合

グリッドサイズが50ピクセルの例

レポートレベルのコンポーネントの位置

ページに設置したコンポーネントはレポートのすべてのページに表示するように設定することもできます。設定方法はレポートレベルを使ってレポート全体へ適用範囲を拡大するを参考にしてください。レポートのレイアウトではレポートレベルのコンポーネントの位置を上か下から選ぶことができます。

コンポーネントをレポートレベルに変更すると全ページにそのコンポーネントが表示されることで他のページのコンポーネントに重なることがあります。その際にどのようにコンポーネントを表示させるかを設定します。

以下ではレポートレベルのコンポーネントの位置を下に設定しています。レポートレベルと表示されたプルダウンリストがページレベルのリストや表の奥に表示されていることが確認できます。

Looker Studioのレポートレベルのコンポーネントの位置下
引用:Looker Studio

次に、レポートレベルのコンポーネントの位置を上にした場合は以下のように表示されます。レポートレベルのコンポーネントが手前に表示されていることが確認できます。

Looker Studioのレポートレベルのコンポーネントの位置上
引用:Looker Studio

↑ページのトップに戻る

ページレイアウト

ここまではレポート全体のレイアウト設定を説明しましたが、ページ単位でも設定できる項目もあります。ここではその項目について解説します。ここで設定した項目はそのページだけに適用され、他のページには適用されません。ページメニューの中の現在のページの設定をクリックすると設定画面が開きます。

Looker Studioのページレイアウト設定
引用:Looker Studio

背景色

ページごとに背景色を変更することができます。ここではグレイに背景を変更しています。

Looker Studioのページの背景色
引用:Looker Studio

キャンパスサイズ

ページ単位でキャンパスサイズを変更することができます。レポートのレイアウト設定でキャンパスサイズを設定していても、ページ単位のキャンパスサイズが優先されて適用されます。

Looker Studioのページのキャンパスサイズ
引用:Looker Studio

↑ページのトップに戻る

導入社数2,000社突破!Looker Studioをフル活用するならインハウスプラス

インハウスプラスでは、さまざまなニーズに応えるカスタマイズ可能なLooker Studioレポートテンプレートを提供しています。これらのテンプレートを活用することで、既製のテンプレートをベースに必要な部分のみをカスタマイズするだけで、ゼロからレポートを作成するよりもはるかに短時間で高品質なレポートが作成できます。

GA4・サーチコンソール・Google広告レポートは買い切りプラン

買い切りプランは、2,000社以上が利用するインハウスプラスの中でも特に人気のプランです。GA4、サーチコンソール、Google広告に対応し、一度の購入でサイト数無制限でレポートが作成可能です。レポートはコピーするだけで数分で完成し、カスタマイズも自由に行えます。また、Googleアナリティクスの専門家の小川卓さんが顧問として参画しており、GA4の仕様変更時にはテンプレートを随時アップデートしていますので、ずっと安心してご利用いただけます。

GA4レポート(61ページ)

【買い切り版】GA4 月次レポートテンプレート for Looker Studio(4007)

GA4報告用レポートテンプレート for Looker Studio(4007)

demo-icon デモレポートURLを開く

detail-icon レポートの詳細を見る

SEOレポート(19ページ)

【買い切り版】SEO月次レポートテンプレート for Looker Studio(4011)

SEO報告用レポートテンプレート for Looker Studio(4011)

demo-icon デモレポートURLを開く

detail-icon レポートの詳細を見る

Google広告レポート(20ページ)

【買い切り版】Google広告レポートテンプレート for Looker Studio(4003)

Google広告レポートテンプレート for Looker Studio(4003)

demo-icon デモレポートURLを開く

detail-icon レポートの詳細を見る

買い切りプランで使えるすべてのレポートテンプレートをみる >

Web広告・SNSレポートはサブスクリプションプラン

サブスクリプションプランは、初期設定不要で月額4,980円から、Web広告やSNSレポートをLooker Studioで自動化できる非常にお得なプランです。お客様の作業は、インハウスプラスに対象アカウントの閲覧権限を付与するだけで、1営業日以内に完成したレポートが届き、その後は毎日自動でデータが更新されます。レポートの内容もお客様側で自由にカスタマイズ可能で、分からないことがあれば無料のテクニカルサポートにいつでも相談できます。

※通常Web広告やSNSレポートをLooker Studioで自動化するには、データ取得・更新のためのシステム開発(媒体APIを利用したデータ取得やBigQueryなどのデータベースの保守運用)が必要です

Web広告レポートを
Looker Studioで自動化

【サブスク版】Web広告レポート for Looker Studio(0009)

Web広告レポート for Looker Studio(0009)

demo-icon デモレポートURLを開く

detail-icon レポートの詳細を見る

Web広告とGA4CVを統合し
広告効果測定を自動化

【サブスク版】Web広告×GA4レポート for Looker Studio(0013)

広告効果測定レポート(Web広告×GA4CV)(0013)

demo-icon デモレポートURLを開く

detail-icon レポートの詳細を見る

Instagramレポートを
Looker Studioで自動化

【サブスク版】Instagramインサイト報告用レポート for Looker Studio(0010)

Instagramインサイトレポート for Looker Studio(0010)

demo-icon デモレポートURLを開く

detail-icon レポートの詳細を見る

サブスクリプションプランで使えるすべてのレポートをみる >

Looker Studioを使ったカスタマイズ開発もお任せください

インハウスプラスでは、テンプレートの提供に加えて、各企業様のニーズに合わせて要件定義からシステム実装までを手掛けるカスタマイズ開発を多数行っております。一般的なレポートツールでは対応できない要件のものも、高機能かつ無料のLooker Studioをフル活用することで、既存のシステム開発会社やBI開発会社よりも圧倒的にリーズナブルな料金で対応可能です。まずはお気軽にお問い合わせフォームからご相談ください。

様々なデータソースに対応

  • GA4
  • サーチコンソール
  • Web広告(33種類以上に対応
  • InstagramやFacebookインサイトなどのソーシャルメディア
  • Googleビジネスプロフィール(MEO)
  • SalesforceなどのSFAやCRMツール
  • ECカートシステム
  • その他基幹データなど多数

多くの開発実績があります

  • Webメディア運営企業様向けWeb記事の売上貢献度を可視化するコンテンツ管理ダッシュボード
  • 事業会社向け自社モバイルアプリの経営・ビジネス管理ダッシュボード
  • BtoB企業向けWeb広告とSalesforceを統合したマーケティングROI管理ダッシュボード(チャネル別のリード獲得単価、商談単価、受注単価、ROASをリアルタイムで可視化)
  • 広告代理店向けWeb広告のクライアント報告用自社オリジナルレポート
  • 単品通販企業向けWeb広告とカートシステムを統合したマーケティングROI管理ダッシュボード(チャネル別のLTVやROASを可視化)
    など多数

↑ページのトップに戻る