--- a/server/src/metaeducation/templates/renkan_view.html	Sun Jul 03 14:16:07 2016 +0200
+++ b/server/src/metaeducation/templates/renkan_view.html	Sun Jul 03 18:51:40 2016 +0200
@@ -4,6 +4,7 @@
 {% block js_import %}
   {{block.super}}
   <script src="{% static 'renkanmanager/lib/jquery-mousewheel/jquery.mousewheel.js' %}"></script>
+  <script src="{% static 'metaeducation/lib/js.cookie.min.js' %}"></script>
   <script src="{% static 'renkanmanager/lib/lodash/lodash.js' %}"></script>
   <script src="{% static 'renkanmanager/lib/backbone/backbone.js' %}"></script>
   <script src="{% static 'renkanmanager/lib/backbone-relational/backbone-relational.js' %}"></script>
@@ -16,6 +17,7 @@
   <script src="{% static 'renkanmanager/lib/requirejs/require.js' %}"></script>
   <script src="{% static 'renkanmanager/lib/renkan/js/renkan.js' %}"></script>
   <script src="{% static 'metaeducation/js/mtdc-save.js' %}"></script>
+  <script src="{% static 'metaeducation/js/mtdc-tracking-worker.js' %}"></script>
   <script type="text/javascript">
 
       function startRenkan(){
@@ -25,7 +27,7 @@
               show_bins: false,
               language: "{{LANGUAGE_CODE}}",
               user_authenticated: true,
-              user_id: "{{ user.id }}",       
+              user_id: "{{ user.id }}",
               user_name: "{{ user.username }}",
               url_parameters: false,
               update_url: false,
@@ -49,6 +51,12 @@
           Rkns.mtdcJsonIO(_renkan, {
               url: "{% url 'v1.0:renkan_detail' renkan_guid=renkan_guid %}?content_only=true"
           });
+          var trackingWorker = Mtdc.TrackingWorker(_renkan, "{% url 'tracking_view' %}", "{% url 'tracking_view_close' %}", "{{ registration }}");
+
+          $(window).on('beforeunload', function(e) {
+              trackingWorker.closeProject();
+          });
+
       };
   </script>
 {% endblock js_import %}
@@ -78,4 +86,4 @@
       </div>
     </div>
   </div>
-{% endblock main_content %}
\ No newline at end of file
+{% endblock main_content %}