Merge pull request #38 from vtex-apps/google-analytics

Track Page Views in Google Analytics

Author: João Marcos Gris

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+## Added
+
+- `google analytics` pageview tracking on `SideBar`
+
 ## [1.0.2] - 2019-09-16
 ### Changed
 - Message `docs/latest-features`.

react/components/SideBar.tsx

@@ -1,8 +1,8 @@
-import React, { ReactElement, FC } from 'react'
+import React, { ReactElement, FC, useEffect } from 'react'
 import { FormattedMessage } from 'react-intl'
 import { Drawer } from 'vtex.store-drawer'
 import { Link } from 'vtex.render-runtime'
-
+import { initialize, pageview, ga } from 'react-ga'
 import SideBarItem from './SideBarItem'
 import { formatLink } from '../utils'
 import { useSideBarContentState } from './SideBarContext'
@@ -15,9 +15,17 @@ interface Chapter {
   articles: [] | Chapter[]
 }
 
+function pageView() {
+  if (typeof ga() === 'undefined') {
+    initialize('UA-150301985-1')
+  }
+  pageview(window.location.pathname + window.location.search)
+}
+
 const SideBar: FC = () => {
   const appName = '[email protected]'
   const { content } = useSideBarContentState()
+  useEffect(() => pageView())
 
   return (
     <nav className="w-100 fixed static-l bg-base z-2 min-h-100-l br-l b--muted-3 flex-l flex-column">