Release 0.1.17

Author: seeden

README.md

@@ -12,15 +12,15 @@ npm install react-g-analytics
 
 ## Features
 
- * Automatically load google analytics scripts (React component)
+ * Automatically load google analytics scripts (optional - id parameter)
  * Automatically send pageview when user will change current route of react-router
 
 
 ## Usage
 
 ### App.jsx
 
-Application part (load google analytics script to your webpage on the client side). 
+Application part (load google analytics script to your webpage on the client side).
 ReactGAnalytics has parameter ID (use your own ID)
 
 ```js
@@ -61,7 +61,7 @@ var routes = module.exports = (
 
 ### client.js
 
-Here is a simple client side 
+Here is a simple client side
 
 ```js
 var React = require('react');
@@ -76,7 +76,43 @@ router.run(function(Handler, state) {
   React.render(React.createElement(Handler, {}), node);
 });
 ```
-		
+
+## Set
+
+If you want to set google analytics parameters after load you can use property named set. Here is small example:
+
+```js
+var React = require('react');
+var GoogleAnalytics = require('react-g-analytics');
+var RouteHandler = require('react-router').RouteHandler;
+
+var set = {
+  anonymizeIp: true
+};
+
+var App = module.exports = React.createClass({
+  render: function() {
+    return (
+      <div id="application">
+        <GoogleAnalytics id="UA-*******-**" set={set} />
+        <RouteHandler />
+      </div>
+    );
+  }
+});
+```
+
+## Skip loading google analytics scripts
+
+If you are loading the GA in different way. You can skip autoload of the GA script simply:
+Do not enter your google analytics ID as parameter.
+
+## Try our other React components
+
+ - Translate your great project [react-translate-maker](https://github.com/CherrySoftware/react-translate-maker)
+ - Google AdSense via Google Publisher Tag [react-google-publisher-tag](https://github.com/seeden/react-google-publisher-tag)
+
+
 ## Credits
 
 [Zlatko Fedor](https://github.com/seeden)

dist/index.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, '__esModule', {
 
 var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
 
-var _get = function get(_x3, _x4, _x5) { var _again = true; _function: while (_again) { var object = _x3, property = _x4, receiver = _x5; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x3 = parent; _x4 = property; _x5 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
+var _get = function get(_x4, _x5, _x6) { var _again = true; _function: while (_again) { var object = _x4, property = _x5, receiver = _x6; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x4 = parent; _x5 = property; _x6 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
@@ -18,13 +18,15 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
+var _lodashObjectKeys = require('lodash/object/keys');
+
+var _lodashObjectKeys2 = _interopRequireDefault(_lodashObjectKeys);
+
 function initGoogleAnalytics(id) {
-  if (window.ga) {
-    return;
-  }
+  var set = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
 
-  if (!id) {
-    throw new Error('Google analytics ID is undefined');
+  if (window.ga || !id) {
+    return;
   }
 
   window.ga = window.ga || function () {
@@ -42,6 +44,12 @@ function initGoogleAnalytics(id) {
   })();
 
   window.ga('create', id, 'auto');
+
+  (0, _lodashObjectKeys2['default'])(set).forEach(function (key) {
+    var value = set[key];
+
+    window.ga('set', key, value);
+  });
 }
 
 var GoogleAnalytics = (function (_Component) {
@@ -58,7 +66,7 @@ var GoogleAnalytics = (function (_Component) {
     value: function componentDidMount() {
       var _this = this;
 
-      initGoogleAnalytics(this.props.id);
+      initGoogleAnalytics(this.props.id, this.props.set);
 
       this.historyListener = this.context.history.listen(function (err, renderProps) {
         if (err || !renderProps) {
@@ -96,7 +104,7 @@ var GoogleAnalytics = (function (_Component) {
       this.latestUrl = path;
 
       // wait for correct title
-      setTimeout(function wait() {
+      setTimeout(function () {
         GoogleAnalytics.sendPageview(path, document.title);
       }, 0);
     }
@@ -134,13 +142,14 @@ var GoogleAnalytics = (function (_Component) {
   }, {
     key: 'propTypes',
     value: {
-      id: _react2['default'].PropTypes.string.isRequired
+      id: _react.PropTypes.string,
+      set: _react.PropTypes.object
     },
     enumerable: true
   }, {
     key: 'contextTypes',
     value: {
-      history: _react2['default'].PropTypes.object.isRequired
+      history: _react.PropTypes.object.isRequired
     },
     enumerable: true
   }]);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-g-analytics",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "description": "React google analytics with support for react-router",
   "author": {
     "name": "Zlatko Fedor",
@@ -31,12 +31,14 @@
     "build": "babel-node ./node_modules/gulp/bin/gulp.js build",
     "eslint": "node ./node_modules/eslint/bin/eslint.js --ext .js,.jsx ."
   },
-  "dependencies": {},
+  "dependencies": {
+    "lodash": "^3.10.1"
+  },
   "devDependencies": {
     "babel": "^5.8.34",
     "babel-eslint": "^4.1.5",
     "eslint": "^1.10.1",
-    "eslint-config-airbnb": "^1.0.0",
+    "eslint-config-airbnb": "^0.1.1",
     "eslint-loader": "^1.1.1",
     "eslint-plugin-react": "^3.10.0",
     "gulp": "^3.9.0",

src/index.js

@@ -1,14 +1,11 @@
-import React, { Component } from 'react';
+import React, { Component, PropTypes } from 'react';
+import keys from 'lodash/object/keys';
 
-function initGoogleAnalytics(id) {
-  if (window.ga) {
+function initGoogleAnalytics(id, set = {}) {
+  if (window.ga || !id) {
     return;
   }
 
-  if (!id) {
-    throw new Error('Google analytics ID is undefined');
-  }
-
   window.ga = window.ga || function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; // eslint-disable-line
 
   (function loadScript() {
@@ -22,19 +19,26 @@ function initGoogleAnalytics(id) {
   })();
 
   window.ga('create', id, 'auto');
+
+  keys(set).forEach((key) => {
+    const value = set[key];
+
+    window.ga('set', key, value);
+  });
 }
 
 export default class GoogleAnalytics extends Component {
   static propTypes = {
-    id: React.PropTypes.string.isRequired,
+    id: PropTypes.string,
+    set: PropTypes.object,
   };
 
   static contextTypes = {
-    history: React.PropTypes.object.isRequired,
+    history: PropTypes.object.isRequired,
   };
 
   componentDidMount() {
-    initGoogleAnalytics(this.props.id);
+    initGoogleAnalytics(this.props.id, this.props.set);
 
     this.historyListener = this.context.history.listen((err, renderProps) => {
       if (err || !renderProps) {
@@ -67,7 +71,7 @@ export default class GoogleAnalytics extends Component {
     this.latestUrl = path;
 
     // wait for correct title
-    setTimeout(function wait() {
+    setTimeout(() => {
       GoogleAnalytics.sendPageview(path, document.title);
     }, 0);
   }