diff --git a/src/css/themes.css b/src/css/themes.css
index 046862f9..403b374f 100644
--- a/src/css/themes.css
+++ b/src/css/themes.css
@@ -131,12 +131,12 @@ body.docs .navbar .navbar-item.getting-started-cta .navbar-link:active {
 
 body.docs .banner .button .banner-link {
   background: var(--banner-background-color);
-  color: var(--banner-text-color);
+  /* color: var(--banner-text-color); */
 }
 
-body.docs .banner .button .banner-link:hover {
+/* body.docs .banner .button .banner-link:hover {
   background: rgba(var(--banner-hover-color));
-}
+} */
 
 body.docs .banner .button .banner-link:active {
   background: rgba(var(--banner-background-color));
diff --git a/src/js/70-docs-ndl.js b/src/js/70-docs-ndl.js
index da6f6f0a..da636112 100644
--- a/src/js/70-docs-ndl.js
+++ b/src/js/70-docs-ndl.js
@@ -7,6 +7,16 @@ document.addEventListener('DOMContentLoaded', function () {
     }
   }
 
+  // add a class to the banner link for tracking
+  document.querySelectorAll('.banner a').forEach(function (a) {
+    a.classList.add('banner-link')
+  })
+
+  // add a class to the link itself for tracking
+  document.querySelectorAll('.cards:not(.bottom-cards) .link a').forEach(function (a) {
+    a.classList.add('card-link')
+  })
+
   // if a card is 'selectable' then make it a click target
   // by taking the link from the card and wrapping the whole card in an anchor tag with that link
   // if the card contains more than one link, the first link is used
@@ -17,7 +27,7 @@ document.addEventListener('DOMContentLoaded', function () {
       var target = link.querySelector('a').getAttribute('href')
       var card = link.parentElement
       card.classList.add('selectable')
-      const cardLink = createElement('a', 'link')
+      const cardLink = createElement('a', 'link card-link')
       cardLink.setAttribute('href', target)
       moveElements(card, cardLink)
       card.appendChild(cardLink)