[Looker Studio] コンポーネント(グラフや表)の設定方法

[Looker Studio] コンポーネント(グラフや表)の設定方法 | 高度な設定も分かりやすく解説

この記事ではLooker Studioのコンポーネント(グラフや表)のデータやデザインの詳細な設定方法を解説します。Looker Studioは無料で使える高機能なBIツールではありますが、詳しい使い方のドキュメントがあまりないため機能を十分に使えていないケースも多いです。この記事にある設定方法を活用してデザインにこだわったグラフや表を作成してみてください。

□関連記事:レポート コンポーネントを設定する

レポートの編集と表示モードについて

Looker Studioのレポートは閲覧を目的とした表示モードと編集を目的とした編集モードが存在します。レポート画面を開いて右上の編集ボタンを押すと編集モードに切り替えることができます。この記事で説明する設定はすべて編集モードで行う必要があります。

Looker Studioでレポートを編集モードに切り替える
引用:Looker Studio

編集ボタンが表示されない場合はそのレポートへの編集権限が付与されていないことが考えられます。その場合はレポートのオーナーもしくは編集者へ権限の付与を依頼してください。

↑ページのトップに戻る

グラフや表の設定画面

編集モードに切り替えると設定パネルが表示されます。それぞれの設定パネルの表示位置は以下のとおりです。

Looker Studioのグラフ編集をする各パネルの紹介
引用:Looker Studio

①:プロパティパネル

②:データパネル

③:フィルターバー

④:パネルマネージャー

これらを利用してグラフ・表を細かく設定していきます。それぞれがどういったことができるかを説明します。

プロパティパネル

設置したコンポーネント(グラフや表など)の細かな設定ができます。どのグラフで表示するか、何のデータをそのコンポーネントに表示するか、そのデータをどのように表示するかといった細かな設定ができます。

データパネル

そのレポートで利用できるデータソースとフィールドがすべて確認できます。またデータソースへのフィールドやパラメーターの追加、新しいデータソースの追加ができます。

フィルターバー

レポートの編集中にデータを絞り込むフィルタを設定することができます。ここで設定したフィルタは表示モードには引き継がれずに編集時のみに適用されます。

パネルマネージャー

編集モードでのパネルの表示・非表示を設定することができます。

以上が各パネルの概要になりますがここからはプロパティパネルとデータパネルでそれぞれどういった設定ができるかを詳しく説明します。

↑ページのトップに戻る

プロパティパネルの設定

プロパティパネルではグラフや表のデータ、表示形式を細かく設定することができます。設定できる内容は選択するグラフによって少し異なります。ここでは一般的な設定を解説します。

データソースの選択

データソースではグラフにどのデータソースを利用するかを選択・編集できます。

  • データソース名を選択すると他のデータソースが選択できるのでデータソースを切り替えることができます
  • データソース名の左側の編集マークを選択するとそのデータソースの編集ができます。計算フィールドもここから編集することができます。計算フィールドの使い方について詳しくはこちら
  • データを統合を選択すると複数のデータソースのデータを1つのグラフで表示できる統合データソースの編集ができます。統合について詳しくはこちら
プロパティパネルのデータソースではグラフに表示するデータソースを編集する
引用:Looker Studio

ディメンションと指標の選択

ディメンションと指標ではグラフに表示するディメンションと指標を編集することができます。

すでに設定されているディメンション・指標名をクリックして他のディメンション・指標を選択することで表示するディメンション・指標を切り替えることができます。

またディメンションを追加、指標を追加を選択するとグラフに表示するディメンション・指標を増やすことができます。

プロパティパネルのディメンションと指標で表示する項目を編集する
引用:Looker Studio

データ型の解説

ディメンション名の左側のマークはデータ型を表しています。データ型には以下のような種類があります。グラフにあわせたデータ型を適切に選ぶ必要があります。例えば時系列グラフには必ず日付形式のデータが必要になります。データ型はディメンション名の左側のマークをクリックすることで変更することもできます。

データには数値やテキストといったデータ型が存在する
引用:Looker Studio

集計方法の解説

指標名の左側のマークは数値の集計方法を表しています。集計方法には以下のような種類があり、マークをクリックすることで集計方法を変更できます。するとグラフに表示する指標の計算式を変えることができます。

ただしGA4やサーチコンソールなどコネクタを利用して追加したデータソースの場合はすでに集計されたデータを利用するため、多くの指標で集計方法が”AUTO”となっており集計方法を変更することができません。一方で独自に追加したデータソースなどは集計方法を変えることができます。

集計方法を変更することで合計値を出したり平均値を出したりできる
引用:Looker Studio

ディメンション、指標の編集方法

ディメンション、指標の名前の変更や先ほどのデータ型、集計方法の編集方法を解説します。

ディメンション名の左側のマークをクリックすると以下のような編集画面が開きます。名前を入力することでグラフに表示するディメンションの名を任意に変更できます。またデータの種類もプルダウンリストから変更することができます。実際のデータの内容によって変更できるデータ型が限られます。

ディメンションの名前やデータ型を変更する
引用:Looker Studio

同様に指標の左側のマークをクリックすると以下のような編集画面が開きます。

  • 名前:名前を入力することでグラフに表示する指標名を任意に変更できます。
  • データの種類:データ型を数値、%、経過時間、通貨などに変更できます。
  • 集計方法:未集計の指標は集計方法を変更できます。
  • 比較計算:全体に対しての割合や最大値との差異を表示できます。
  • 関数:表の中で累積合計などを算出することができます。
ディメンションの名前やデータ型、集計方法を変更する
引用:Looker Studio

期間の設定

期間の設定では表示するデフォルトのデータの期間を編集できます。

自動を選択した場合は過去28日もしくは以下のように期間のコントロールがページに存在する時はその期間のコントロールが指定した期間のデータが表示されます。

カスタムを選択した場合はグラフごとに表示する期間を細かく設定することができます。

レポートに表示するデータ期間を設定する
引用:Looker Studio

カスタムを選択すると以下のような設定画面が開きます。

レポートに表示するデータの期間をカスタム設定する
引用:Looker Studio

設定画面右上のリストをクリックすると期間の選択肢が表示されます。例えば絶対指定、過去14日間、先月といった選択肢です。表示したい期間がこの選択肢の中にあればそれを選択しましょう。選択肢にない場合も詳細設定の選択肢を選ぶことで細かく設定ができます。上の画像では詳細設定を選択して過去12ヶ月を設定しています。

ドリルダウン機能の解説

ドリルダウン機能を使うことでグラフに表示するディメンションの単位を大きいものから小さいものに切り替えることができます。また逆に小さいものから大きいものにドリルアップすることもできます。

例えば表示する期間の単位を年→月→週→日のように一つのグラフで切り替えることができます。以下のようにドリルダウンをオンにしてドリルダウン・アップしたいディメンションを追加します。またデフォルトで表示するディメンションをどれにするかを選択します。

グラフにドリルダウンを設定する
引用:Looker Studio

ドリルダウンを設定したグラフを表示モードで確認すると、グラフにマウスオーバーした際に矢印が表示されます。上の矢印をクリックするとドリルアップし、下の矢印をクリックするとドリルダウンします。

ドリルダウンを表示モードで使う
引用:Looker Studio

オプションの指標機能の解説

オプションの指標機能を使うことでグラフに追加で表示する指標を設定することができます。例えばデフォルトではセッションだけが表示されているグラフに別の指標を追加して一緒に表示することができます。

オプションの指標をオンにして表示回数とアクティブユーザー数の指標を追加しました。

オプションの指標を設定する
引用:Looker Studio

オプションの指標を設定したグラフを表示モードで確認すると、グラフにマウスオーバーした際にオプションの指標のマークが表示されます。

表示モードでオプションの指標マークの場所を確認する
引用:Looker Studio

オプションの指標マークをクリックすると設定したオプションの指標一覧が表示されるのでグラフに追加したい指標を選択します。すると指標が表示されます。

オプションの指標機能を実際に利用する
引用:Looker Studio

指標スライダー機能の解説

指標スライダーでは指定した指標の値の範囲でグラフに表示するデータをフィルタすることができます。グラフにディメンションと指標を設定して指標スライダーをオンにすると適用できます。

指標スライダーをオンにする
引用:Looker Studio

指標のスライダーを設定したグラフを表示モードで確認します。グラフにマウスオーバーすると右上に指標スライダーマークが表示されます。

指標スライダーマークがグラフの右上に表示される
引用:Looker Studio

指標スライダーマークをクリックすると設定画面が表示されます。スライダーをクリックして表示するデータをフィルタします。ここではエンゲージメント率が50%以上、セッションキーイベント率が50%のデータだけ表示するように設定しています。

指標スライダーの使い方
引用:Looker Studio

並べ替え機能の解説

並べ替えではグラフに表示するデータを指定したディメンションや指標で並べ替えることができます。ここでは並べ替えにセッションの指標を選択し、降順を指定しています。

並べ替えの使い方
引用:Looker Studio

並べ替えには第二優先となるサブの並べ替えを指定することもできます。

比較機能の解説

比較機能ではグラフに表示するデータの指定した期間と比べた増減を表示することができます。

プロパティパネル内の比較期間の場所
引用:Looker Studio

比較期間を選択すると設定画面が表示されます。今回は前の期間を比較期間に指定して適用をクリックします。

比較期間を前の期間に設定する
引用:Looker Studio

するとグラフに各指標の前の期間と比較した増減率が表示されました。

グラフに各指標の前の期間と比較した増減率が表示
引用:Looker Studio

フィルタ機能の解説

フィルタ機能ではグラフに表示するデータを絞り込む設定をすることができます。フィルタを追加をクリックして設定していきます。

プロパティパネルのフィルタの設定箇所
引用:Looker Studio

今回はセッションの参照元/メディアに”referral”が含まれるデータのみを表示する絞り込み設定を行います。以下のようにフィルタを設定して保存をクリックします。

フィルタを設定する
引用:Looker Studio

するとグラフに表示されるデータが絞り込みできました。

フィルタが反映されたグラフが表示された
引用:Looker Studio

フィルター機能についてはこちらの記事でよく使う設定例なども説明していますので参照ください。

グラフインタラクション機能の解説

グラフインタラクション機能を設定すると複数のグラフ間で特定の属性にデータを絞り込むことができます。先ほどのフィルタ機能もデータの絞り込みをする機能ですが設定されたフィルタは表示モードでは変更することはできないことと、複数のグラフに同時に適用することはできません。

グラフインタラクションを複数のグラフ間で機能させるためにはグラフ同士が同じデータソースを利用していることもしくは関連性のあるデータソースを利用している必要があります。

設定方法はグラフのプロパティパネル内のグラフインタラクションをオンにします。また一緒に絞り込みをしたい他のグラフも同様に設定をオンにします。

プロパティ内のグラフインタラクションを設定する
引用:Looker Studio

表示モードで動きを確認します。今回はデバイスをdesktopに絞り込みします。円グラフのdesktopをクリックするとdesktopの領域がハイライトされ、左側の表もデバイスがdesktopだけのデータに絞り込まれました。

グラフインタラクションでdesktop属性のデータだけに絞り込む
引用:Looker Studio

以上がプロパティパネルでできる設定の説明です。

↑ページのトップに戻る

グラフや表のスタイルを設定する

続いてプロパティパネルのスタイルメニューでグラフや表のデザインを設定していきます。Looker Studioでは多くのグラフの種類が利用できるのでグラフによって設定できるデザインの内容も異なります。今回は表形式のグラフのスタイル変更方法を具体的に説明します。

表形式のスタイル変更方法

スタイルメニューの項目を上から説明していきます。

タイトル、向き、条件付き書式の設定
引用:Looker Studio

1.タイトル:グラフのタイトルの編集と表示形式や位置を設定

2.全般:表の縦向きと横向きを切り替え

3.条件付き書式:エクセルと同じように例えばセッション数が10,000以上のレコードを指定した色にするといった設定

ヘッダー、表の色、表のラベルの編集
引用:Looker Studio

4.表のヘッダー:ヘッダーの表示やテキストの色の変更

5.表の色:ヘッダーの背景色や枠線、奇数行の色、偶数行の色の設定

6.表のラベル:表の中の値の色、大きさの設定

表の本体、表のフッター、データが欠落
引用:Looker Studio

7.表の本体:行番号の表示、高さの自動調整、テキストの折り返し、水平スクロールと固定列の設定

8.表のフッター:ページ設定の表示、最小パディングページ、フッターの色の設定

9.データが欠落:欠落データがあった際の表示形式の設定

ディメンション、指標の表示形式
引用:Looker Studio

10.ディメンション、指標:表示位置、表示形式、数値の短縮表示の設定

背景と枠線、ヘッダー表示設定
引用:Looker Studio

11.背景と枠線:背景色や枠線の設定

12.グラフのヘッダー:指標スライダーなどのアイコン表示設定

以上が表形式でスタイルで変更できる箇所になります。かなり細かく設定ができるのでデザインにもこだわったグラフを作成することができます。プロパティパネルの解説は以上です。

↑ページのトップに戻る

データパネルの使い方

続いてデータパネルの解説を行います。データパネルでは主にデータソースの設定ができるパネルです。データパネルを開くとレポートに追加されているデータソースが一覧で表示されます。

データパネルの表示
引用:Looker Studio

データパネルでは以下の操作ができます。

データパネルで操作できること
引用:Looker Studio

1.データソースで使えるフィールドの検索

2.フィールドをグラフにドラッグすることで指標を追加。グラフがないエリアにドラッグすると新しいグラフの作成

3.データソースに計算フィールドやパラメーターの作成

4.データソースの追加

このようにデータソースの画面に遷移せずにデータパネルを利用することでレポートの編集画面内でデータソースの編集ができます。

以上が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広告レポート(33媒体)

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

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

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

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

Web広告×GA4レポート

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

Web広告×GA4レポート for Looker Studio(0013)

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

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

Instagramレポート(32ページ)

【サブスク版】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を可視化)
    など多数

↑ページのトップに戻る