ニュース

直観的で近代的なUI

2012年07月01日 Matomo(Piwik)の特徴

Piwikの概要

Piwik reporting sections
ダッシュボードのスクリーンショット

注目すべき点は3つあります。

緑色で囲まれているのはメインメニューです。
青色で囲まれているのはサイト選択です。Piwikは一度に複数のサイトを分析できます。
いくつかのサイトを設定した場合は、ここで切り替えることができます。

赤い色の囲みはトップバーです。ここでは言語の変更や、いくつかの高度な設定を行います。
もし複数のサイトをモニタリングしている場合は、例えば、「全てのウェブサイト」をクリックすることで、1ページに全てのサイトの概要を確認できます。
ページの残りの部分がページのコンテンツです。この例ではダッシュボードになっています。

日付の期間選択

デフォルトでPiwikは ‘昨日’のデータを表示します。
カレンダーをクリックして、別の日付範囲を選択し、レポートを表示できます。
Piwikは任意の日、週、月間、年間またはカスタムの日付範囲をサポートしています。

Calendar
カレンダー

カスタム日付範囲の例

calendar custom date range analytics
カスタム日付範囲

レポートにロードするデフォルトの日付はユーザー設定で変更できます。

Piwikレポート画面

以下は標準のPiwikのレポート画面です。

Piwik report
レポート画面のスクリーンショット

これらのアイコンの意味は以下の通り、

  • ーシンプルなテーブル表示
    ー複数のメトリックスを使用してテーブル表示
    ー(設定してあれば)目標(ゴール)の情報を表示
    ー棒グラフ表示(マウスオーバーすることで他種類のグラフを選べます)
    ーデータのエクスポート
    ーグラフを画像として保存
    ーレポートのデータの設定

ダッシュボードとウィジェット

重要な指標のレポートを表示するために、ダッシュボードに新しいウィジェットを追加できます。
クリックすると、”ウィジェットを追加”にカテゴリーのリストが表示されます。個々のカテゴリ名をマウスオーバーすると使用可能なウィジェットの一覧が表示されます。
合計30個以上あります。
以下の例は、「ビジターの国々(世界地図)」を表示したところです。

Select a widget from the list
Select a widget from the list

ウィジェットの名称をクリックしてダッシュボードに追加します。デフォルトでは新しいウィジェットはダッシュボードの左上に追加されます。

ダークグレイのタイトルバーをドラッグしてウィジェットを別の場所にドラッグ&ドロップします。

Move a widget in the Dashboard
Move a widget in the Dashboard

デフォルトのウィジェットに必要のないものがある場合は簡単に削除できます。
グレーの四角の上にマウスを重ねると、タイトルバーの右端にXマークが表示されるので、クリックします。確認後、削除されます。

また、ダッシュボードのレイアウトを変えることも可能です。
例えば、もっと左のカラムを広くして、右の2つを狭くというように変更できます。

Dashboard with new layout - two wide graphs and two columns with reports and Real time visitors
Dashboard with new layout – two wide graphs and two columns with reports and Real time visitors

いくつかのカラムレイアウトがあり、ダッシュボードとウィジェットのメニューから選べます!

Select a widget from the list
Select a widget from the list