Track feeds click

2 files changed, 13 insertions, 4 deletions

diff --git a/assets/js/ga.js b/assets/js/ga.js
index c69867f..4f2ae0a 100644
--- a/assets/js/ga.js
+++ b/assets/js/ga.js
@@ -57,18 +57,27 @@ function trackInternalEvent(label, category) {
 }
 
 function onClickCallback(event) {
-  const className = event.target.getAttribute('class');
+  const element = event.target;
+  const className = element.getAttribute('class');
+
+  // Track menu show
   if (className === 'sidebar-toggle') {
     trackInternalEvent('Sidebar Toggle', 'navigation');
+  }
+
+  // Track feeds click
+  if (className === 'menu-feeds-item') {
+    const feedType = element.dataset.feedType;
+    trackInternalEvent(`Get ${feedType}`, 'feed');
     return;
   }
 
   // Track only external URLs.
-  if ((event.target.tagName !== 'A') || (event.target.host === window.location.host)) {
+  if ((element.tagName !== 'A') || (element.host === window.location.host)) {
     return;
   }
 
-  // Send GA event.
+  // Track outbound link click
   trackOutboundLink(
     event.target,
     event.target.getAttribute('target') !== '_blank'
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 713d81d..62c93c5 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -28,7 +28,7 @@
             <div class="sidebar-nav-item">
                 {{- range $i, $ := site.Menus.feeds }}
                     {{ if $i }}<span aria-hidden="true">|</span>{{ end }}
-                    <a href="{{ .URL }}" id="menu-feeds-{{ .Identifier }}">
+                    <a href="{{ .URL }}" id="menu-feeds-{{ .Identifier }}" class="menu-feeds-item" data-feed-type="{{ .Identifier }}">
                         {{-  print .Name | safeHTML -}}
                     </a>
                 {{ end }}