node package manager
Love JavaScript? Your insights can make it even better. Take the 2017 JavaScript Ecosystem Survey »

react-redux-analytics-sitecatalyst

SiteCatalyst plugin for react-redux-analytics

Features

  • Track PageView by s.t() with custom variables
  • Track Custom Event by s.tl() tracking with custom variables
  • Set analytics variables to s object on PageView and Custom event tracking

Installation

npm install --save react-redux-analytics

Getting Started

1. Register Middleware

place SiteCatalystMiddlware just after AnalyticsMiddleware

import { applyMiddleware } from 'redux'
import { analyticsMiddleware } from 'react-redux-analytics'
import { siteCatalystMiddlware } from 'react-redux-analytics-sitecatalyst'
 
const sConfig = {
  s_account: '[[YOUR S_ACCOUNT]]', //required 
  s_code: {
    visitorNamespace: '[[YOUR VISITOR NAMESPACE]]', //required 
    trackingServer: '[[YOUR TRACKING SERVER]]', //required 
    ..., //other s_code options 
  },
}
 
const enhancer = applyMiddleware(...,
  analyticsMiddleware({
    reducerName: 'analytics',
    ...
  }),
  siteCatalystMiddlware({
    s_gi: (s_account) => window.s_gi(s_account), // or import s_code.js as a node module 
    config: sConfig,
    ...
  })
)

2. Register Reducer

https://www.npmjs.com/package/react-redux-analytics

3. Track Page View on componentDidMount

https://www.npmjs.com/package/react-redux-analytics

4. Track Custom Event on Click

https://www.npmjs.com/package/react-redux-analytics

API

siteCatalystMiddleware