Adding Google Analytics during build instead of with mod_pagespeed

gulpfile.js

@@ -72,6 +72,11 @@ gulp.task('markup', 'Build markup into ./build directory.', ['webpack'], functio
   hbStream.partials({
     svg_styles: fs.readFileSync(__dirname + '/build/css/svg.css').toString()
   });
+  if (process.env.GA_PROP) {
+    hbStream.data({
+      'gaPropertyId': process.env.GA_PROP
+    });
+  }
   return gulp.src(config.globs.templates)
     .pipe(frontMatter())
     .pipe(hbStream)

lib/partials/google_analytics.hbs

@@ -0,0 +1,11 @@
+{{#if gaPropertyId}}
+<script>
+(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+
+ga('create', '{{{gaPropertyId}}}', 'auto');
+ga('send', 'pageview');
+</script>
+{{/if}}

lib/partials/layout.hbs

@@ -10,6 +10,8 @@
     <meta name="viewport" content="width=device-width" />
     <meta name="theme-color" content="#bada55" />
 
+    {{> "google_analytics"}}
+
     <link rel="shortcut icon" href="/favicon.ico" />
     <link rel="author" href="humans.txt" />
     <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Bangers&text=Regxpr" />