reactにmatomoを設置する

一応これは、reactのApp.jsで、htmlは別ファイルでTopPageから読み込んいる場合で、
Matomoはphpのローカルホストで起動しているケースを想定しています。

Matomoのタグマネージャーを使って、こちらのページを参考に設定したタグを貼り付けます。

App.js

import { useEffect } from "react";
import TopPage from "./pages/TopPage";
import "./App.css";

function App() {
  useEffect(() => {
    var _mtm = (window._mtm = window._mtm || []);
    _mtm.push({ "mtm.startTime": new Date().getTime(), event: "mtm.Start" });
    (function () {
      var d = document,
        g = d.createElement("script"),
        s = d.getElementsByTagName("script")[0];
      g.async = true;
      g.src = "http://localhost:8080/js/container_lgZFFjJ9.js";
      s.parentNode.insertBefore(g, s);
    })();
  });
  
  return (
    <div className="App">
      <TopPage />
    </div>
  );
}

export default App;