diff --git a/public/javascripts/main.js b/public/javascripts/main.js
index 1e95971..e9e91ef 100644
--- a/public/javascripts/main.js
+++ b/public/javascripts/main.js
@@ -1,4 +1,4 @@
-var pusher = new Pusher('57dc9c12b6e6fa97febb');
+var pusher = new Pusher(pusherKey);
 var channel = pusher.subscribe('scores');
 
 resetScores = function () {
diff --git a/views/index.erb b/views/index.erb
index 5b8858b..4d3829a 100644
--- a/views/index.erb
+++ b/views/index.erb
@@ -5,20 +5,22 @@
   <title>Table Tennis</title>
   <link rel="stylesheet" href="/stylesheets/main.css">
 
+  <script>pusherKey = '<%= ENV['PUSHER_KEY'] %>';</script>
+
   <script src="//cdnjs.cloudflare.com/ajax/libs/pusher/2.2.4/pusher.min.js"></script>
   <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
 </head>
 <body>
   <scores></scores>
 
-  <script src="/tags/scores.tag" type="riot/tag"></script>
-  <script src="/javascripts/main.js"></script>
-  <script src="//cdnjs.cloudflare.com/ajax/libs/riot/2.0.15/riot+compiler.min.js"></script>
-
   <div class="controls">
     <button id="reset">Reset</button>
   </div>
 
+  <script src="/tags/scores.tag" type="riot/tag"></script>
+  <script src="/javascripts/main.js"></script>
+  <script src="//cdnjs.cloudflare.com/ajax/libs/riot/2.0.15/riot+compiler.min.js"></script>
+
   <script>
     riot.mount('scores', { players: <%= scores.to_json %> })
   </script>
