❤
npm
Sign UpSign In

redux-beacon-matomo-tag-manager
TypeScript icon, indicating that this package has built-in type declarations

1.0.1 • Public • Published

redux-beacon-matomo-tag-manager

npm version downloads open issues FOSSA Status build status codecov dependency status devDependency status Greenkeeper semantic release

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

  1. Sign up for or install Matomo Tag Manager and create a new web container.
  2. Add the Matomo Tag Manager container snippet to your site.
  3. Install redux-beacon in your app
  4. 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.

Readme

Keywords

Package Sidebar

Install

npm i redux-beacon-matomo-tag-manager

Repository

github.com/dbartholomae/redux-beacon-matomo-tag-manager

Homepage

github.com/dbartholomae/redux-beacon-matomo-tag-manager

Weekly Downloads

2

Version

1.0.1

License

MIT

Unpacked Size

12.5 kB

Total Files

13

Last publish

Collaborators

  • dbartholomae
Try on RunKit
Report malware