---
title: 【Looker】表示された項目にリンクを設定する方法
description: BIツールLookerのリンク機能について紹介。カラムにリンク設定可能で、ナレッジサイトへのリンク方法を詳細解説。BIツールの無料紹介セミナーも開催中。
---

[BI LAB データ活用研究所 - INSIGHT LAB](https://knowledge.insight-lab.co.jp/bi)

# [【Looker】表示された項目にリンクを設定する方法](https://knowledge.insight-lab.co.jp/bi/-looker-link)

 作成者: [Jam](https://knowledge.insight-lab.co.jp/bi/author/jam)｜2024年8月22日

## 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](https://cloud.google.com/looker/docs/reference/param-field-link)

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

[完全な記事を表示](https://knowledge.insight-lab.co.jp/bi/-looker-link)

```json
{
  "@context" : "http://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Jam"
  },
  "dateModified" : "2024-08-22T01:00:12.499Z",
  "datePublished" : "2024-08-22T01:00:12Z",
  "headline" : "【Looker】表示された項目にリンクを設定する方法",
  "image" : {
    "@type" : "ImageObject",
    "height" : 540,
    "url" : "https://download.insight-lab.co.jp/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-08-20%20165212.png",
    "width" : 1281
  },
  "mainEntityOfPage" : "https://knowledge.insight-lab.co.jp/bi/-looker-link",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "height" : 60,
      "url" : "/hs/hsstatic/content_shared_assets/static-1.4092/img/default-amp-logo.png",
      "width" : 60
    },
    "name" : "BI LAB データ活用研究所 - INSIGHT LAB"
  }
}
```