TECH BLOG

MENU

オンプレクラウド

MotionBoard

MotionBoard

データを分析・集計して表示した後、実際のデータを確認するために、その商品の画像や詳細情報などを閲覧したいケースがありますよね。それらの情報がWebインターフェースシステムで管理されている場合、そのURLリンクをMotionBoard から簡単にクリックすることができれば、より使いやすくなるのではないでしょうか?

<構成イメージ>

以前の記事でGoogle Analyticsとの連携の記事がありましたが、ボードの中から該当ページにリンクすることができれば操作性が向上しますので、今回は以前作成したボードにリンクを作ってみました。そのため本記事では、Google Analytics固有の設定も含まれます。必要に応じて読み替えてください。

Google Analytics連携記事は、下記を参照してください。

 

STEP1 GoogleAnalytics固有の設定

1.URLの情報を取得します。今回は、Google Analyticsのデータを例に使用しますので、URLの詳細部分(FQDN以下の部分)にあたる「ga:landingPagePath」のディメンションを取得します。

2.まずデータにどのような値が入っているか確認してみます。「ga:landingPagePath(別名:Landing Page)」のデータプレビューすると、FQDN以下のLanding Path(ディレクトリ名+ファイル名)のパスが入っていることが確認できます。

URL文字列を作ります。

「追加項目作成」をクリックして、「カスタム項目」(項目名:到達ページ)を作成します。このカスタム項目の計算式でURLのフルパスに変更して、到達ページのURLとします。
 入力文字列 ⇒ https://navi.wingarc.com[ga:landingPagePath]を入力します。
            ↑不変部分(プロトコル+FQDN) ↑可変部分

 ※Google Analyticsでは、Landing Pathが(ディレクトリ名+ファイル名)のみなので、カスタム項目でプロトコル名+FQDN部分の文字列と結合して完全パスに加工しましたが、URLが完全パスで入っている場合は追加項目作成の必要はありません。

STEP2 URLのリンクの作成

1.チャートの配置設定行項目のリンク/イメージの「設定」をクリックします。リンクURLの設定に3.で作成したカスタム項目「到達ページ」の文字列の追加します。
 入力文字列 ⇒ ${value(到達ページ)}

2.正しく設定されているか確認してみましょう。「データプレビュー」をクリックします。

3.うまく動作しているか実際の画面で確認してみましょう。集計表の上でマウスの右ボタンをクリックするとメニューが表示されますので、「リンク」を選択します。

4.リンク先が新しいウィンドウで開き、ページの内容が確認できると思います。

Google Analyticsに限らず、商品ページなどにリンクをすることで、利用者にとって使いやすいシステムを構築できそうですね。

難しく感じたかもしれませんが、下記がポイントになります。
 ・リンク先のURLが入っている項目名 ${value(項目名)} を「リンクURL」に設定する

MotionBoard からURLリンクで表示することで利用者にとって分かりやすいボードを作成することができますので、是非試してみてください。

この記事にリアクションしてみませんか?

What do you think of this post?
  • 分かりやすい (1)
  • 問題が解決した (0)
いいね!ボタンありがとうございます!

塚田 涼太郎

MotionBoard Dr.Sum
プロフィールへ >

2020年からDr.Sum MotionBoard のプリセールスとして活動しています。ユーザー様のお困りごと/お悩みごとを解決できるようブログ執筆の活動をしています。お困りごとが解決したら是非「いいね」ボタンのクリックをお願いします!

Related article

Related article関連記事

Pick up

Pick upおすすめ記事

【脱Excel】MotionBoardの入力機能で業務アプリをつくる

公開:2024.08.05
更新:2024.08.05

分かりやすい

2

解決した

0
  • データ入力
  • デザイン
  • コンテナ

MotionBoard

【まとめ】SVF Cloud帳票をinvoiceAgentに連携する方法

公開:2024.04.18
更新:2024.08.07

分かりやすい

2

解決した

2
  • 帳票作成・出力
  • システム連携
  • 電帳法
  • 文書定義
  • 処理定義

SVF

Dr.Sum Copilotをインストールしてみた【OpenAI】

公開:2024.04.05
更新:2024.04.18

分かりやすい

2

解決した

0
  • Copilot

Dr.Sum

Ranking

Rankingランキング

1

棒グラフを大きい順番に並び替えたい!(ソートしたい)

公開:2019.06.15
更新:2023.11.27

分かりやすい

13

解決した

12
  • デザイン
  • グラフ
  • 集計表

MotionBoard

2

経過時間を時:分:秒で時刻表示したい!【320秒→05:20】

公開:2022.08.02
更新:2024.05.08

分かりやすい

11

解決した

7
  • グラフ

MotionBoard

3

カスタム項目の書き方 よく使う関数からIfまで

公開:2023.07.28
更新:2024.10.30

分かりやすい

25

解決した

7
  • データ加工

MotionBoard

Info

Information

ウイングアーク1stからのお知らせ

int(57)