Qandar

Q GridsomeでMatomo Analyticsを使いたい

公開日:2021年4月5日

Answer

プラグインを追加するだけOKです。

GridsomeでMatomo Analyticsを使う方法は、有志の方が開発したプラグイン「gridsome-plugin-matomo」を追加するだけと非常に簡単です。

yarn add gridsome-plugin-matomo

// or

npm install gridsome-plugin-matomo

プラグインをインストールしたら、gridsome.config.jsに設定を書きます。

module.exports = {
  plugins: [
    {
      use: 'gridsome-plugin-matomo',
      options: {
        host: 'https://example.com', // <== 書き換える
        siteId: 1 // <== 書き換える
      }
    }
  ]
}

設定のhostの部分は、httpからのURLを記述します。ドメインだけでは動かないので注意してください。siteIdは、Matomo Analyticsでサイトを追加すると出てくるID(整数)です。

ベースはVue.js用のプラグイン「VueMatomo」のようですので、ここの設定が使えると思われます。

VueMatomo

GridsomeでのMatomo Analyticsは、metaInfoの動的変更がトラッキングされないなど一部バグがありますが、それ以外は概ね問題なく動くようです。

新着Q&A