switching to gatsby GA plugin

Author: slightlyoffbeat

gatsby-config.js

@@ -12,6 +12,12 @@ module.exports = {
         postCssPlugins: [autoprefixer()],
       },
     },
+    {
+      resolve: 'gatsby-plugin-google-analytics',
+      options: {
+        trackingId: 'UA-35433268-86',
+      },
+    },
   ],
   pathPrefix: '/playground',
 };

package-lock.json

@@ -16,6 +16,7 @@
     "eslint-plugin-react": "^7.1.0",
     "gatsby": "^1.9.36",
     "gatsby-link": "^1.6.15",
+    "gatsby-plugin-google-analytics": "^1.0.7",
     "gatsby-plugin-postcss-sass": "^1.0.12",
     "gatsby-plugin-react-helmet": "^1.0.6",
     "gh-pages": "^1.0.0",

package.json

@@ -15,21 +15,11 @@ import Header from '../components/layout/Header';
 import Footer from '../components/layout/Footer';
 import Hero from '../components/layout/Hero';
 
-// google analytics
-// checking for window and checking for window to ignore errors during build
-if (typeof window !== 'undefined') {
-  require('../utils/ga/ga'); // eslint-disable-line
-}
-
 const Layout = ({ children }) => (
   <div className="wrapper">
     <Helmet>
       <link rel="shortcut icon" type="image/x-icon" href={faviconico} />
       <link rel="icon" type="image/png" href={faviconpng} sizes="196x196" />
-      <script async src={`${__PATH_PREFIX__}/js/dnt.js`} />
-      <script async src={`${__PATH_PREFIX__}/js/ga.js`} />
-      <script async src={`${__PATH_PREFIX__}/js/autotrack.js`} />
-      <script async src="https://www.google-analytics.com/analytics.js" />
 
       <meta
         name="description"