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.

    Install

    npm i redux-beacon-matomo-tag-manager

    DownloadsWeekly Downloads

    2

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    12.5 kB

    Total Files

    13

    Last publish

    Collaborators

    • dbartholomae