Matomoのカスタマイズ
- アクセス解析matomoの表示を、以下のように解りやすくカスタマイズします。
- matomo本体は変更しないので、matomoがバージョンアップしてもmatomoには影響がありません。
- 具体的には、「User JavaScript and CSS」(閲覧しているウェブサイトに独自のJavaScriptやCSSを埋め込んで、表示をカスタマイズする)というchromeの拡張機能を使います。同じような拡張機能は多数存在します。使うのはどれでもよいです。
- 無料です。
①javascript部分(年と曜日の表示がおかしいので削除、スペースのゴミ削除、直接アクセスの色替え、アクセス先にタイトル名称をセット、アクセス元に都市を追加)
②css部分(スカスカだったりするのを、詰めたり‥)
「実際の作業」
a.) ブラウザに拡張機能
User JavaScript and CSSをインストール(右上への固定もしておく)
b.) matomoのダッシュボードを開き、右上の「User JavaScript and CSS」アイコンをクリックし、「New rules:~」の行をクリック。次の設定画面で以下の①JavaScriptと、②CSSと、③アドレスを入力してsaveを押す。
[①javascript]
[②CSS]
[③アドレス設定]
上の方の
[https://~/*]
に https://~/matomo/index.php(~は、あなたのmatomoのアドレス)を入れる。
c.) saveボタンを押したら、 matomoのダッシュボードに戻り、リロードして出来上がり。
備考)
- 初期起動時は、数秒間のタイムラグがあります。
- 「User JavaScript and CSS」で、jQuery3の取り込みの追加設定は行わないでください。地図の表示が崩れます。
- ちなみに、私の場合は以下のurlで表示しています。
https://貴方のurl/matomo/index.php?module=CoreHome&action=index&idSite=1&period=day&date=yesterday#?period=day&date=yesterday&category=Dashboard_Dashboard&subcategory=1
動作環境
2024.10.21
・Matomo 5.1.2
・window11にて、chrome,braveに於いて動作確認すみ
アンインストール
先にブラウザに追加した拡張機能(例えばUser JavaScript and CSS)を削除するだけです。