diff --git a/app/javascript/leftSidebar/TagsFollowed.jsx b/app/javascript/leftSidebar/TagsFollowed.jsx index 4b6d4847c..ff02ec00f 100644 --- a/app/javascript/leftSidebar/TagsFollowed.jsx +++ b/app/javascript/leftSidebar/TagsFollowed.jsx @@ -1,7 +1,13 @@ import { h, Fragment } from 'preact'; +import ahoy from 'ahoy.js'; import PropTypes from 'prop-types'; export const TagsFollowed = ({ tags = [] }) => { + const trackSidebarTagClick = (event) => { + // Temporary Ahoy Stats for usage reports + ahoy.track('Tag sidebar click', { option: event.target.href }); + }; + return ( {tags.map((tag) => ( @@ -12,6 +18,7 @@ export const TagsFollowed = ({ tags = [] }) => { > diff --git a/app/javascript/packs/homePage.jsx b/app/javascript/packs/homePage.jsx index 0e6d24ee0..e991745a4 100644 --- a/app/javascript/packs/homePage.jsx +++ b/app/javascript/packs/homePage.jsx @@ -1,4 +1,5 @@ import { h, render } from 'preact'; +import ahoy from 'ahoy.js'; import { TagsFollowed } from '../leftSidebar/TagsFollowed'; /* global userData */ @@ -43,6 +44,16 @@ function renderTagsFollowed(user = userData()) { }); render(, tagsFollowedContainer); + trackTagCogIconClicks(); +} + +// Temporary Ahoy Stats for usage reports +function trackTagCogIconClicks() { + document + .getElementById('tag-priority-link') + ?.addEventListener('click', () => { + ahoy.track('Tag settings cog icon click'); + }); } function renderSidebar() { diff --git a/app/views/layouts/_sidebar_tags.html.erb b/app/views/layouts/_sidebar_tags.html.erb index 48a18b753..21445bac7 100644 --- a/app/views/layouts/_sidebar_tags.html.erb +++ b/app/views/layouts/_sidebar_tags.html.erb @@ -2,7 +2,7 @@ <% if user_signed_in? %>

My Tags

-
+ <%= inline_svg_tag("cog.svg", class: "crayons-icon") %>