Home

アクセス解析matomoのカスタマイズ

CONTENTS
  1. Matomoカスタマイズ
  2. 動作環境

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://貴方のｕｒｌ/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,edge,braveに於いて動作確認すみ