![[Looker Studio] IMAGE関数の使い方と活用例 | 計算フィールド](https://inhouse-plus.jp/wp-content/uploads/2024/02/looker-studio-image.png)
[Looker Studio] IMAGE関数の使い方と活用例 | 計算フィールド
この記事では、Looker StudioおけるIMAGE関数の使い方とその具体的な活用例についてわかりやすく解説します。Looker Studioで利用できる関数を活用して、データを加工し可視化しましょう。
IMAGE関数はLooker Studioのレポートに画像を表示させるための関数です。また関連して関数を利用しない画像の表示方法やIMAGE関数を応用したレポートもご紹介します。
Contents
Looker Studioの計算フィールドとは？
Looker Studioの計算フィールドは、既存の項目をもとに演算子（足し算・引き算・掛け算・割り算など）、関数や正規表現を使って、独自の項目を作成し、レポートに使える便利な機能です。
インハウスプラスでは、この記事でご紹介する関数以外にもLooker Studioの計算フィールドで使える関数をひとつずつ分かりやすく事例付きで解説しています。Looker Studioの関数ブログ一覧に随時アップしていますので、ぜひご覧ください。
またLooker Studioの基本的な使い方は、「Looker Studioの使い方」を参考にしてください。Looker Studioは無料でさまざまなデータソースと接続し分かりやすいレポートが作成できるとても便利なツールなので、積極的に活用していきましょう。
IMAGE関数とは
IMAGE関数は、URLを画像としてレポートに表示させるための関数です。そのため表示することができる画像はURLがある画像に限定されます。商品画像やロゴ、サムネイルなど外部から取得した画像URLをレポート内に直接表示します。
構文
IMAGE関数の構文は以下の通りです。
IMAGE("画像URL" , "代替テキスト")
"画像URL"に表示させたい画像を指定します。"代替テキスト"は任意の項目です。画像が表示されない、見れない時の説明文として使用されます。
IMAGE関数の利用注意点
グラフの種類の指定
画像はグラフの形式が表の時にしか表示できません。
画像拡張子の指定
画像を表示するためには画像の拡張子がjpgである必要があります。pngなどは表示できないためご注意ください。
IMAGE関数の使い方
IMAGE関数を使用するためには、Looker Studioで計算フィールドを作成する必要があります。計算フィールドの作成方法にはデータソースの計算フィールドとグラフ固有の計算フィールドの2種類があります。この記事ではデータソースの計算フィールドで作成しますが、それぞれの違いの詳細についてはデータソースの計算フィールドとグラフ固有の計算フィールドの違いをご覧ください。
GA4のデータソースには画像URLが存在しないため、今回はスプレッドシートで作成したサンプルデータの利用例を紹介します。記事の後半ではGA4のデータと連携した利用例もとりあげます。
利用例：Looker Studioでブログのサムネイル画像を表示する
まず以下のスプレッドシートを作成し、Looker Studioのデータソースを作成します。
A列には表示させたい画像URL、B列に任意の代替テキストを入力しています。C列のpage pathは別の利用例でGA4データと連携させるために使います。
次に作成したデータソースで以下のように計算フィールドを設定します。
①フィールド名：任意のフィールド名を入力してください。
②計算式：IMAGE(imageURL, alt)
③保存：入力が完了したら保存をクリックします。
以下のようにサムネ画像というフィールドができました。
作成したフィールドをレポートで使用します。以下のようにLooker Studioのレポートを設定するとサムネ画像が表示されます。
IMAGE関数を利用せずに画像を表示する方法
画像を表の中で使って他のディメンションや指標と組み合わせたい場合はIMAGE関数を利用する必要がありますが、レポートの中にただ画像を表示させたい場合は別の方法があります。
まず以下の画像のメニューを選択します。
画像のURLを入力して挿入をクリックします。
すると以下のように画像が表示されました。
画像とGA4のデータを連携して表示する方法
複数のデータソースを統合して一つのグラフを作成できる統合データソースを利用すると、IMAGE関数を使用したデータソースとGA4のデータソースを連携させて以下のような表を作ることもできます。
ここでは画像URLを読み込んだスプレッドシートのpage path列とGA4のページパスのディメンションを紐づけて統合データソースを作成しています。これにより画像に対応するページの表示回数を表に追加できました。この方法で、例えばブログのサムネイルと表示回数を可視化するなど視覚的にもわかりやすい表を作成することもできます。
関連するLooker Studio公式ドキュメント
Looker Studio公式ヘルプ：計算フィールドについて
Looker Studio公式ヘルプ：関数リスト
導入社数2,000社突破！Looker Studioをフル活用するならインハウスプラス
インハウスプラスでは、さまざまなニーズに応えるカスタマイズ可能なLooker Studioレポートテンプレートを提供しています。これらのテンプレートを活用することで、既製のテンプレートをベースに必要な部分のみをカスタマイズするだけで、ゼロからレポートを作成するよりもはるかに短時間で高品質なレポートが作成できます。
GA4・サーチコンソール・Google広告レポートは買い切りプラン
買い切りプランは、2,000社以上が利用するインハウスプラスの中でも特に人気のプランです。GA4、サーチコンソール、Google広告に対応し、一度の購入でサイト数無制限でレポートが作成可能です。レポートはコピーするだけで数分で完成し、カスタマイズも自由に行えます。また、Googleアナリティクスの専門家の小川卓さんが顧問として参画しており、GA4の仕様変更時にはテンプレートを随時アップデートしていますので、ずっと安心してご利用いただけます。
買い切りプランで使えるすべてのレポートテンプレートをみる ＞
Web広告・SNSレポートはサブスクリプションプラン
サブスクリプションプランは、初期設定不要で月額4,980円から、Web広告やSNSレポートをLooker Studioで自動化できる非常にお得なプランです。お客様の作業は、インハウスプラスに対象アカウントの閲覧権限を付与するだけで、1営業日以内に完成したレポートが届き、その後は毎日自動でデータが更新されます。レポートの内容もお客様側で自由にカスタマイズ可能で、分からないことがあれば無料のテクニカルサポートにいつでも相談できます。
※通常Web広告やSNSレポートをLooker Studioで自動化するには、データ取得・更新のためのシステム開発（媒体APIを利用したデータ取得やBigQueryなどのデータベースの保守運用）が必要です
サブスクリプションプランで使えるすべてのレポートテンプレートをみる ＞
カスタムダッシュボード開発やテクニカルサポートもお任せください
レポートテンプレートの提供に加えて、各企業のニーズに合わせて要件定義から実装までを手掛けるカスタマイズ開発や、スポットで気軽にプロフェッショナルに相談できるテクニカルサポートなどの「Looker Studioのデータ活用支援サービス」も提供しています。
小川卓さんをはじめとする経験豊富なスペシャリストがサポートいたしますので、ぜひお気軽にお問い合わせフォームからご相談ください。
DeNAのデジタルマーケティング責任者として年間450億円を超えるECプラットフォームのマーケティングを担当。2014年に独立し、上場企業から資金調達後のスタートアップまで様々な企業のデジタルマーケティングのプロジェクトに関わり見識を広げた後、2018年3月に株式会社CALLOSUMを創業。