react-matomo
install
npm i -D react-matomo
Or using yarn:
yarn add react-matomo
usage
Setup the Provider:
import { MatomoProvider, createInstance } from "react-matomo";
<MatomoProvider
value={createInstance({
url: "https://analytics.yoursite.org/",
siteId: 9,
})}
>
<App />
</MatomoProvider>;Use the hook:
import { useMatomo } from "react-matomo";
const App = () => {
const { trackPageView } = useMatomo();
useEffect(() => {
trackPageView();
}, []);
return <div>Content goes here</div>;
};Track event
import { useMatomo } from "react-matomo";
const App = () => {
const { trackEvent } = useMatomo();
return (
<div>
<button onClick={() => trackEvent("category", "action")}>Click me</button>
</div>
);
};roadmap
- [ ] handle custom configuration
- [x] handle
trackEvent - [ ] handle
trackSiteSearch - [ ] handle
trackGoal - [ ] handle
trackLink