diff --git a/MazdaRoutesEditor/src/main/resources/static/js/main.js b/MazdaRoutesEditor/src/main/resources/static/js/main.js
index df26d04..81b7b07 100644
--- a/MazdaRoutesEditor/src/main/resources/static/js/main.js
+++ b/MazdaRoutesEditor/src/main/resources/static/js/main.js
@@ -80,6 +80,11 @@
 	$('#cleanNewRoute').on('click', cleanNewRoute);
 	$('#addNewRoute').on('click', addNewRoute);
 	$('#saveToFile').on('click', saveToFile);
+	$('#setAPIKey').on('click', setAPIKey);
+	 $('#createSettings').click(function(e) {
+		createSettings();
+		e.preventDefault();
+	    });
     });
 
     function createMap() {
@@ -479,22 +484,22 @@
 	    });
 	}
     }
-
-    $('#createSettings').click(function(e) {
-	createSettings();
-	e.preventDefault();
-    });
+    
+    function setAPIKey(){
+	GraphHopper.getInstance().apiKey = window.prompt(
+		    "Enter GraphHopper API key or obtain one at https://graphhopper.com/", GraphHopper.getInstance().apiKey || "");
+	    if (GraphHopper.getInstance().apiKey != null) {
+		$('#graphhopperAPILabel').html("GraphHopper API key set");
+		$('#graphhopperAPILabel').removeClass("alert-danger");
+		$('#graphhopperAPILabel').addClass("alert-success");
+	    }
+    }
 
     function createSettings() {
 	if (GraphHopper.getInstance().apiKey == null) {
-	    GraphHopper.getInstance().apiKey = window.prompt(
-		    "Enter GraphHopper API key or obtain one at https://graphhopper.com/", "");
+	    setAPIKey();
 	    if (GraphHopper.getInstance().apiKey == null) {
 		return;
-	    } else {
-		$('#graphhopperAPILabel').html("GraphHopper API key set");
-		$('#graphhopperAPILabel').removeClass("alert-danger");
-		$('#graphhopperAPILabel').addClass("alert-success");
 	    }
 	}
 
diff --git a/MazdaRoutesEditor/src/main/resources/templates/index.html b/MazdaRoutesEditor/src/main/resources/templates/index.html
index 5e9fbdd..56ec1b8 100644
--- a/MazdaRoutesEditor/src/main/resources/templates/index.html
+++ b/MazdaRoutesEditor/src/main/resources/templates/index.html
@@ -49,7 +49,7 @@
 					<li><a href="#" id="show-all-routes">Show all routes</a></li>
 				</ul>
 				<ul class="nav navbar-nav navbar-right">
-					<li><a href="https://graphhopper.com/" target="_blank"><div
+					<li><a href="#" id="setAPIKey"><div
 								id="graphhopperAPILabel" class="alert-danger" role="alert">GraphHopper
 								API key not set!</div></a></li>
 					<li><a href="#" id="createSettings">Create settings.js</a></li>
@@ -88,5 +88,20 @@
 	<script type="text/javascript" src="js/jquery.fileDownload.js"></script>
 	<script type="text/javascript" src="js/FileSaver.js"></script>
 	<script type="text/javascript" src="js/main.js"></script>
+	<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', 'UA-74113626-1', 'auto');
+	ga('send', 'pageview');
+    </script>
 </body>
 </html>
\ No newline at end of file