redux-beacon-matomo-tag-manager
v1.0.1
Published
Matomo (formerly Piwik) tag manager integration for redux-beacon.
Downloads
8
Maintainers
Readme
redux-beacon-matomo-tag-manager
Matomo (formerly Piwik) tag manager integration for redux-beacon.
Installation
Download node at nodejs.org and install it, if you haven't already.
npm install redux-beacon-matomo-tag-manager --save
Usage
- Sign up for or install Matomo Tag Manager and create a new web container.
- Add the Matomo Tag Manager container snippet to your site.
- Install redux-beacon in your app
- Use this library to connect redux-beacon to the tag manager
import { applyMiddleware, createStore } from 'redux'
import { createMiddleware } from 'redux-beacon'
import MatomoTagManager from 'redux-beacon-matomo-tag-manager'
const ACTION_TYPE = 'ACTION_TYPE'
// Set up which actions should trigger which events or variables
const eventsMap = {
[ACTION_TYPE]: () => ({
event: 'integrationTestEvent'
})
}
// Create the middleware
const matomoTagManager = MatomoTagManager()
const matomoTagManagerMiddleware = createMiddleware(eventsMap, matomoTagManager)
const store = createStore((state = {}) => state, applyMiddleware(matomoTagManagerMiddleware))
// When you dispatch an action, the middleware will trigger the event
store.dispatch({
type: ACTION_TYPE
})
Thanks
Thanks to Matomo for supporting this project by providing an analytics property for integration testing this library.