Tableauでダッシュボートの作成とワークシートを配置する　#15

Tableauを教えてくれる木田先生

ダッシュボードを作成する

木田： ダッシュボードの作り方を学びましょう。今回は、「サイトの主要指標」のダッシュボードを作っていきます。

これから作る「サイトの主要指標」の図

主要メディアごとのセッション（デバイスカテゴリー別）の「帯グラフ」を作成

木田： まず、ダッシュボードに組み合わせるワークシート「主要メディアごとのセッション（デバイスカテゴリー別）の帯グラフ」を作っていきます。まず新しいワークシートを開いて、「ディメンション」の「メディア」を列シェルフにドラッグし、「メジャー」の「ページビュー数」を行シェルフにドラッグします。このままだと見づらいので、「降順」して値が大きい順に整列しておきます。

「メディア」を列シェルフに、「ページビュー数」を行シェルフにドラッグ。降順する

木田： 次に、「デバイスカテゴリ別」にしたいので、「メジャー」の「デバイスカテゴリー」を「マーク」の「色」にドラッグします。

「デバイスカテゴリー」を「マーク」の「色」にドラッグする

木田： グラフを見やすくするために、値が小さい項目を非表示にします。左端の「ad」をクリックし、「Shift」を押しながら右端の「2009～」をクリックします。すると、その間の項目がすべて選択された状態（水色）になるので、マウスオーバーして「除外」をクリックします。

「Shift」を押しながら非表示したい項目を選択し、マウスオーバーで「除外」

木田： 今は「積み上げグラフ」なので、全体の割合がわかる「帯グラフ」に変更してみましょう。行シェルフにある「合計（ページビュー数）」の「▽」を右クリックして、「簡易計算表」を選択して、「合計に対する割合」をクリックします。

「合計（ページビュー数）」を右クリックして、「簡易計算表」を選択、「合計に対する割合」をクリック

木田： 行シェルフの「合計（ページビュー数）」の「▽」をもう一度、右クリックして、「次を使用して計算」を選択し、「表（下）」をクリックします。

「合計（ページビュー数）」を右クリックして、「次を使用して計算」を選択、「表（下）」をクリック

木田： すると、「帯グラフ」が完成します。ダッシュボードの下にあるクロス集計表を新規で作ってみます。新規シートをクリックしてください。

帯グラフの完成、新規シートをクリック

ユーザータイプ別の主要指標の「クロス集計表」を作成

木田： 新しいワークシートで、「ディメンション」の「ユーザータイプ」を行シェルフに、「メジャー」の「メジャーネーム」を列シェルフにドラッグします。

「ユーザータイプ」を行シェルフに、「メジャーネーム」を列シェルフにドラッグ

木田： 「メジャーネーム」を列シェルフにドラッグしたのに、シート上には「メジャーバリューなし」と表示されていますね。第10回の復習になりますが、この状態は「メジャーネーム」の中にいろいろな指標が入っていますが、値を与えられていないので何も出せないということでしたね。

四谷： クロス集計表を作るときに学びましたね！

木田： 「メジャー」の「メジャー バリュー」をシート状のAbcにドラッグすると、値が表示されます。

「メジャー バリュー」をシート状のAbcにドラッグ

木田： 習慣的に項目の順番は、「セッション数」「直帰率」「目標完了率」「コンバージョン数」という順番がよいです。その順番になるように並び替えて、それ以外の項目は削除します。シート上の項目をドラッグすることで順番を変更したり、削除したりできます。

シート上の項目をドラッグして、順番の並べ替えをする

シート上の項目をクリックして、「除外」で削除する

完成したクロス集計表

ダッシュボードを作成する

木田： 今まで作った「帯グラフ」と「クロス集計表」を使った、ダッシュボードを作っていきます。シート下に「田」のようなアイコンがあります。これがダッシュボードを作るアイコンですので、クリックします。

シート下の「ダッシュボード作成」をクリック

木田： まっさらなダッシュボードが作成可能なシートが表示されました。

まっさらなダッシュボードが表示される

木田： 左側に作ったワークシートが表示されるので、まず「帯グラフ」のワークシート（ここではシート8）を、ダッシュボードにドラッグします。

帯グラフ（シート8）をダッシュボードにドラッグ

木田： 上下に配置したいので次に、「クロス集計表」のワークシート（ここではシート9）をダッシュボードの下側にドラッグします。灰色でハイライトされますので、下側がハイライトされた状態でドラッグしてください。

クロス集計表（シート9）をダッシュボードの下側にドラッグ

木田： ワークシートの切れ目にマウスを合わせるとマウスが変化して、大きさをコントロールできるようになります。適切な大きさになるように調整してください。

ワークシートの切れ目にマウスを合わせるとワークシートの大きさを調整できる

木田： クロス集計表が小さく見づらいので、シート9のエリアを選択して「自動調整」の「▼」をクリックして、「ビュー全体」に変更します。

「自動調整」の「▼」をクリックして、「ビュー全体」をクリック

ダッシュボードにタイトルを付ける

木田： 次に、ダッシュボードに名前を付けましょう。ワークシート名が（ここではシート9）と書かれており、これでは何の意味もありませんので、一旦これらを非表示にします。ワークシートのタイトルを右クリックして「タイトルの非表示」を選択します。

タイトルを右クリックして、「タイトルの非表示」を選択

木田： もし間違えてタイトルを消してしまったときは、ダッシュボードに配置したワークシートエリアをクリックすると、灰色の枠が出てきます。その枠の右にある「▼」をクリックして、タイトルをクリックするとタイトルを再表示できます。

ワークシートの右枠「▼」をクリックし、「タイトル」をクリック

木田： 再表示されたら、シート8をダブルクリックすると「タイトルの編集」が表示されるので、＜シート名＞を「主要メディアごとのセッション（デバイスカテゴリ別）」と入力し、「OK」で閉じます。

タイトルをダブルクリック、シート名を変更し「OK」で閉じる

木田： このようにワークシートでタイトルを付けてもよいですが、ダッシュボード全体にタイトルを付けることもできます。ダッシュボードの左下の「ダッシュボードのタイトルを表示」にチェックを入れます。

「ダッシュボードのタイトルを表示」にチェック

木田： すると、「ダッシュボード1」とタイトルが表示されます。タイトルをダブルクリックすると「タイトルの編集」が表示されるので、＜シート名＞を変更できます。ここでは、「サイトの主要指標」と記載し、「OK」で閉じます。

ダッシュボードのタイトルを付ける

木田： このままでもよいですが、もっと見やすくするために、タイトルの書式設定をします。ダッシュボードのタイトル部分をクリックし、「▼」をクリックし、「タイトルの書式設定」をクリックします。

タイトルをダブルクリックして、「▼」をクリック。「タイトルの書式設定」を選択

木田： すると、シートの左側に「ダッシュボードの書式設定」が表示されます。まずタイトル背景を灰色にしてみます。「ダッシュボードのタイトル」の「網掛け」をクリックし、パレットから灰色を選択します。

「網掛け」をクリックし、パレットから「灰色」を選択

木田： 次に、文字を白に変更してみましょう。「ダッシュボードのタイトル」の「フォント」をクリックすると、色の変更ができますので、パレットから白を選択します。

「フォント」をクリックして、「白色」を選択

木田： さらに中央にタイトルが表示してみます。「ダッシュボードのタイトル」の「配置」をクリックして、「中央」を選択します。

「配置」をクリックして、「中央」を選択

木田： ダッシュボードの書式設定を閉じて、完成です。

「サイトの主要指標」のダッシュボードの完成

木田： ダッシュボートの作り方としては以上ですが、「ダッシュボードのサイズ変更」「ダッシュボードの整理」「発表モード」の3つもTipsとして覚えておきましょう。

ダッシュボードのサイズ変更

木田： ダッシュボードは「一目で情報がわかる」ことが重要です。そのためダッシュボードに含めるワークシートは「4個までが良い」と言われています。しかし、今のダッシュボードサイズでは、ワークシートを追加しづらいのでダッシュボードのサイズを変更してみます。

シートの左側に「サイズ」の「▼」をクリックし、「固定サイズ」を「自動」に変更するとダッシュボードサイズが表示している画面サイズに自動的に拡張しました。自分だけの環境で見る場合は「自動」が良いでしょう。

サイズの「▼」をクリックして、「固定サイズ」から自動に変更

自分以外の誰かと共有するとき、又は印刷するときに、一覧性が失われることもあるので、「固定サイズ」で適切なサイズを選択するか、「範囲」でピクセル設定するのが良いでしょう。

ワークシートをきれいにする

木田： ダッシュボードは自分以外の誰かと共有することが多いです。そのとき習作のワークシートが複数あると、共有された人がどのシートを見るべきか迷うことがあります。

ダッシュボードに使っているワークシートは、「ワークシート」を右クリックして「非表示」を選択することで非表示にできますので、できるだけシートは、キレイに整理しておくのが理想的です。

ワークシートを右クリックして、「非表示」を選択

発表モードにする

木田： 誰かに発表する場合は、イーゼルマークの「プレゼンテーションモード」でブラウザ上に全画面表にできます。F7キーでもモードの変更ができます。

「プレゼンテーションモードをクリック」または「F7キー」で全画面表示にできる

Web担編集部

ダッシュボードの作り方を学んできました。次回は、ダッシュボードをインタラクティブ性を加える「アクション」について学びます。