feat: Track download and contact links

data_registry/templates/detail.html

@@ -58,6 +58,12 @@
   toggleable.insertAdjacentElement('beforebegin', insert)
   toggleable.setAttribute('hidden', '')
 })
+
+document.querySelectorAll('a[download]').forEach(trackable => {
+    trackable.addEventListener('click', event => {
+        fathom.trackEvent(`download ${trackable.dataset.event}`)
+    })
+})
 </script>
 {% endblock %}
 
@@ -354,7 +360,7 @@ <h3>CSV</h3>
             </div>
         </div>
         <div class="col-md-auto">
-            <a href="mailto:[email protected]?{% feedback_query_string_parameters %}" target="_blank" class="hstack link-white">
+            <a href="mailto:[email protected]?{% feedback_query_string_parameters %}" onclick="fathom.trackEvent('contact')" target="_blank" class="hstack link-white">
                 {% include "includes/chevron_icon.html" with direction="right" classes="me-2" size="24" only %}{% translate "Contact Data Support Team" %}
             </a>
         </div>

data_registry/templates/includes/files.html

@@ -4,13 +4,13 @@
 <ul>
 {% if files.full %}
     <li>
-        <a href="{% url 'download' collection.id %}?name=full.{{ suffix }}" rel="nofollow" download>{% translate "All time" %}</a>
+        <a href="{% url 'download' collection.id %}?name=full.{{ suffix }}" rel="nofollow" data-event="{{ suffix }} full" download>{% translate "All time" %}</a>
         <span class="text-muted small">{{ files.full|humanfilesize }}</span>
     </li>
 {% endif %}
 {% for file in files.by_year|dictsortreversed:"year" %}
     <li>
-        <a href="{% url 'download' collection.id %}?name={{ file.year }}.{{ suffix }}" rel="nofollow" download>{{ file.year }}</a>
+        <a href="{% url 'download' collection.id %}?name={{ file.year }}.{{ suffix }}" rel="nofollow" data-event="{{ suffix }} year" download>{{ file.year }}</a>
         <span class="text-muted small">{{ file.size|humanfilesize }}</span>
     </li>
 {% empty %}