【Looker】表示された項目にリンクを設定する方法

作成者: Jam｜2024年8月22日

1. はじめに

Lookerでは、カラムにリンクを設定することが可能です。これを利用することでダッシュボードから別のWebページへ移動したり、ダッシュボードのフィルタ設定も行うことができます。

今回はその方法を２つ紹介します。

弊社のナレッジサイトにあるコンテンツ名から、実際にナレッジサイトへのリンクを設定してみます。

以下が実際のコンテンツ名です。こちらをLookerで読み込むテーブルの中にnameという名前のカラムで格納しておきます。

まずはLINKパラメータを使用した方法を紹介します。

dimension または measure 内に link: を記述することで使用できます。
linkの中ではさらにlabel（リンクのタイトル）とurl（リンク先のURL）を定義します。

実際に記述したものが以下になります。

「link」という名前のdimensionにリンク機能が設定された状態になります。

今回は以下のURLが設定されています。
※urlに記述されている value はsqlに記述されているカラムの値を取得します。今回はnameに入っているコンテンツ名が設定されます。

https://knowledge.insight-lab.co.jp/tableau

実際にLooker上で可視化すると、以下のように表現されます。

次の操作でリンクが設定されていることを確認できます。

次にHTMLパラメータを使用した方法を紹介します。

dimension または measure 内に html: を記述することで使用できます。
htmlの中では実際のHTMLと同じソースコードを記述することができます。
ここでリンクタグ「a href」を使用することでリンクの設定を行います。

実際に記述したものが以下になります。

「html」という名前のdimensionにリンク機能が設定された状態になります。
設定されるURLはLINKパラメータで設定したURLと同じものになります。

こちらを実際にLooker上で可視化すると、以下のように表現されます。

LINKパラメータの場合と異なり、各コンテンツ名を押下することで別Webページへ遷移することが可能です。

２つの方法を紹介しました。
リンクが設定されるというところは同じですが、それぞれ以下の特徴があります。

LINKパラメータ
- 項目を押下→リンクのタイトルを押下のツーアクション
- ラベルごとに複数のリンク先を設定できる
- 別タブで画面が表示されるのでタブが増える
HTMLパラメータ
- 項目を押下するだけのワンアクション
- リンクは１つのみ設定
- 画面がリロードされるのでタブは増えない

用途によって使い分けていきましょう。