Update GA event label

components/ways-to-run/Hero.vue

@@ -54,7 +54,25 @@ export default {
   components: {
     VideoModal,
   },
+  mounted() {
+    trackLinks();
+  },
 };
+
+function trackLinks() {
+  const trackedLinks = document.querySelectorAll("a[data-action]");
+  for (let trackedLink of trackedLinks) {
+    let data = trackedLink.dataset;
+
+    if (data.action !== "click") {
+      continue;
+    }
+
+    trackedLink.addEventListener(data.action, () =>
+      ga("send", "event", data.category, data.action, data.label)
+    );
+  }
+}
 </script>
 <style lang="scss" scoped>
 @import "~/assets/_variables.scss";

components/ways-to-run/Sessions.vue

@@ -130,7 +130,7 @@
       </div>
     </div>
     <div class="c-sessions__cta">
-      <p><a class="c-button c-button--orange" href="https://static.raspberrypi.org/files/clubs/Guidance_on_remote_activities.pdf" data-action="click" data-label="Remote activities planning checklist" data-category="Ways to Run Downloads">Guidance on remote activites</a></p>
+      <p><a class="c-button c-button--orange" href="https://static.raspberrypi.org/files/clubs/Guidance_on_remote_activities.pdf" data-action="click" data-label="Guidance on remote activities" data-category="Ways to Run Downloads">Guidance on remote activites</a></p>
     </div>
 
     <hr />