Move Google Analytics to the <head>

chasenlehara · chasenlehara · commit a7d2781e25c3 · 2017-07-20T09:58:52.000-07:00
Related to donejs/developer-relations#52 (comment)
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -9,6 +9,14 @@
 <link rel="stylesheet" type="text/css" href="stylesheets/tango.css">
 <link href='/favicon.ico' rel='shortcut icon' type='image/x-icon' />
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+<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', 'UA-2302003-13', 'auto');
+  ga('send', 'pageview');
+</script>
 </head>
 <body>
 <div id='bg'>
diff --git a/javascripts/application.js b/javascripts/application.js
@@ -110,7 +110,11 @@ can.Control('Menu', {
 		this._markActiveAnalytics = setTimeout(function(){
 			var path = current.parents('li').find('>a').slice(0,-1).map(function(){ return $(this).text() });
 			path = $.makeArray(path).reverse().join('> ').replace(/\s+$/, "");
-			_gaq.push(['_trackEvent', 'sectionRead', path]);
+			ga('send', {
+				eventAction: path,
+				eventCategory: 'sectionRead',
+			  hitType: 'event'
+			});
 		}, 5000)
 		var currentLevel = current.data('level'),
 				activeLevel = active.data('level'),
@@ -358,14 +362,3 @@ if(isMobile){
 	$('#content-wrapper').prepend(header)
 }
 $('a[href$=#dom_helpers], a[href$=#events]').prepend('<span class="special">&#x2605;</span>');
-
-// google analytics
-var _gaq = _gaq || [];
-_gaq.push(['_setAccount', 'UA-2302003-13']);
-_gaq.push(['_trackPageview']);
-
-(function() {
-	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
-})();
