feat(ga): add google analytics support

zalando-incubator · Jul 10, 2017 · e2e6cc4 · e2e6cc4
1 parent 04ee2ac
commit e2e6cc4
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -106,9 +106,20 @@ Right now there are two `types` of navigation items:
 
 #### Favicon
 
+Fill in `favicon` property with the path pointing to your favicon (always relative to `source` folder)
+
+```
+theme_config:
+  favicon: path/to/favicon.ico
+```
+
+#### Google Analytics
+
+Fill in `google_analytics` property with your tracking ID.
+
 ```
 theme_config:
-  favicon: /path/to/favicon.ico
+  google_analytics: your-tracking-id
 ```
 
 #### Search

diff --git a/layout/google_analytics.ejs b/layout/google_analytics.ejs
@@ -0,0 +1,10 @@
+<% if (config.theme_config.google_analytics){ %>
+<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','//www.google-analytics.com/analytics.js','ga');
+	ga('create', '<%= config.theme_config.google_analytics %>', 'auto');
+	ga('send', 'pageview');
+</script>
+<% } %>
diff --git a/layout/layout.ejs b/layout/layout.ejs
@@ -16,6 +16,9 @@
   </head>
   <body>
     <%- body %>
+
+    <%- partial('google_analytics.ejs') %>
+
     <script
       src="https://code.jquery.com/jquery-3.2.1.min.js"
       integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
@@ -25,7 +28,7 @@
     <script src="<%- url_for('script/smooth-scroll.min.js') %>"></script>
     <script src="<%- url_for('script/main.js') %>"></script>
 
-    <script type="text/javascript" src="//cdn.jsdelivr.net/docsearch.js/2.1.8/docsearch.min.js"></script>
     <script type="text/javascript" src="//cdn.jsdelivr.net/fastclick/1.0.6/fastclick.min.js"></script>
+
   </body>
 </html>