1. はじめに

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

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

2. リンクの設定方法

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

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

2.1. LINKパラメータ

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

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

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

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

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

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

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

1. 各コンテンツ名を押下
2. 「リンク」のポップアップが表示
3. リンクのタイトルを押下
4. 別Webページへ遷移（今回は弊社ナレッジサイトへと遷移します。）

2.2. HTMLパラメータ

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

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

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

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

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

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

3. おわりに

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

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

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

参考

【Google公式のヘルプページ】
LINKパラメータ
https://cloud.google.com/looker/docs/reference/param-field-link

HTMLパラメータ
https://cloud.google.com/looker/docs/reference/param-field-html