diff options
| -rw-r--r-- | assets/js/ga.js | 15 | ||||
| -rw-r--r-- | layouts/partials/sidebar.html | 2 |
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 }} |