diff --git a/src/components/Tabs/BarItem.js b/src/components/Tabs/BarItem.js index 181fd67c9..401aa79d9 100644 --- a/src/components/Tabs/BarItem.js +++ b/src/components/Tabs/BarItem.js @@ -7,7 +7,15 @@ import { } from '@newrelic/gatsby-theme-newrelic'; import useTabs from './useTabs'; -const BarItem = ({ index, children, id, count, disabled }) => { +const BarItem = ({ + index, + children, + id, + count, + disabled, + quickstartName, + quickstartId, +}) => { const [currentTab, setCurrentTab] = useTabs(); const isSelected = @@ -18,6 +26,8 @@ const BarItem = ({ index, children, id, count, disabled }) => { actionName: 'packTabToggle', packTabState: currentTab, packTabCount: count, + quickstartName, + quickstartId, }, { enabled: Boolean(currentTab) } ); @@ -31,6 +41,8 @@ const BarItem = ({ index, children, id, count, disabled }) => { tessen.track('instantObservability', `QuickstartTabToggle`, { QuickstartTabState: id, QuickstartTabCount: count, + quickstartName, + quickstartId, }); }} css={css` @@ -137,6 +149,8 @@ BarItem.propTypes = { id: PropTypes.string.isRequired, count: PropTypes.number, disabled: PropTypes.bool, + quickstartName: PropTypes.string.isRequired, + quickstartId: PropTypes.string.isRequired, }; export default BarItem; diff --git a/src/components/quickstarts/SupportSection.js b/src/components/quickstarts/SupportSection.js index 4e8ce2286..d3233c82b 100644 --- a/src/components/quickstarts/SupportSection.js +++ b/src/components/quickstarts/SupportSection.js @@ -8,14 +8,17 @@ import { QUICKSTART_SUPPORT_LEVELS, } from '../../data/constants'; -const SupportSection = ({ supportLevel }) => { +const SupportSection = ({ supportLevel, quickstartName, quickstartId }) => { const tessen = useTessen(); const supportLink = ( - tessen.track('instantObservability', 'QuickstartDetailsSupportClick') + tessen.track('instantObservability', 'QuickstartDetailsSupportClick', { + quickstartName, + quickstartId, + }) } > Visit our Support Center @@ -27,7 +30,14 @@ const SupportSection = ({ supportLevel }) => { to={COMMUNITY_LINK} key={QUICKSTART_SUPPORT_LEVELS.NEWRELIC} onClick={() => - tessen.track('instantObservability', 'QuickstartDetailsCommunityClick') + tessen.track( + 'instantObservability', + 'QuickstartDetailsCommunityClick', + { + quickstartName, + quickstartId, + } + ) } > the Explorers Hub @@ -81,6 +91,8 @@ const SupportSection = ({ supportLevel }) => { SupportSection.propTypes = { supportLevel: PropTypes.string.isRequired, + quickstartName: PropTypes.string.isRequired, + quickstartId: PropTypes.string.isRequired, }; export default SupportSection; diff --git a/src/templates/QuickstartDetails.js b/src/templates/QuickstartDetails.js index 809ceea54..28916276d 100644 --- a/src/templates/QuickstartDetails.js +++ b/src/templates/QuickstartDetails.js @@ -189,14 +189,27 @@ const QuickstartDetails = ({ data, location }) => { } `} > - Overview + + Overview + Dashboards - + Alerts { (quickstart.instrumentation?.length ?? 0) + (quickstart.documentation?.length ?? 0) } + quickstartName={quickstart.name} + quickstartId={quickstart.id} > Data sources @@ -266,7 +281,11 @@ const QuickstartDetails = ({ data, location }) => { onClick={() => tessen.track( 'instantObservability', - 'QuickstartDetailsSignUpClick' + 'QuickstartDetailsSignUpClick', + { + quickstartName: quickstart.name, + quickstartId: quickstart.id, + } ) } > @@ -278,7 +297,11 @@ const QuickstartDetails = ({ data, location }) => { onClick={() => tessen.track( 'instantObservability', - 'QuickstartDetailsLoginClick' + 'QuickstartDetailsLoginClick', + { + quickstartName: quickstart.name, + quickstartId: quickstart.id, + } ) } > @@ -300,7 +323,11 @@ const QuickstartDetails = ({ data, location }) => { Support - +