diff --git a/packages/nuxt-ripple-analytics/lib/index.ts b/packages/nuxt-ripple-analytics/lib/index.ts index 9fc565f0ae..c8f79e7226 100644 --- a/packages/nuxt-ripple-analytics/lib/index.ts +++ b/packages/nuxt-ripple-analytics/lib/index.ts @@ -718,7 +718,7 @@ export default { name: payload?.name, type: payload?.type, form_id: payload?.contextId, - component: 'tide-search', + component: `tide-${payload.section || 'search'}`, platform_event: 'search' }) } @@ -734,7 +734,7 @@ export default { index: payload?.index, filters: payload?.options, count: payload?.value, - component: 'tide-search', + component: `tide-${payload.section || 'search'}`, platform_event: 'search' }) } @@ -751,7 +751,7 @@ export default { index: payload?.index, count: payload?.value, filters: payload?.options, - component: 'tide-search', + component: `tide-${payload.section || 'search'}`, platform_event: 'paginate' }) } @@ -766,10 +766,27 @@ export default { name: payload?.name, form_id: payload?.contextId, filters: payload?.options, - component: 'tide-search', + component: `tide-${payload.section || 'search'}`, platform_event: 'toggleFilters' }) } + }, + 'tide-search/reset': () => { + return (payload: any) => { + trackEvent({ + event: `${payload.action}_filters`, + element_id: payload?.id, + element_text: payload?.text, + label: payload?.label, + name: payload?.name, + count: payload?.value, + type: payload?.type, + form_id: payload?.contextId, + filters: payload?.options, + component: `tide-${payload.section || 'search'}`, + platform_event: 'clearQuery' + }) + } } } diff --git a/packages/ripple-tide-search/components/TideSearchFilters.vue b/packages/ripple-tide-search/components/TideSearchFilters.vue index 9cc23a5706..59e5c8164e 100644 --- a/packages/ripple-tide-search/components/TideSearchFilters.vue +++ b/packages/ripple-tide-search/components/TideSearchFilters.vue @@ -34,6 +34,7 @@ :label="submitLabel" :resetLabel="resetLabel" :displayResetButton="!!resetLabel" + :globalEvents="false" @reset="handleFilterReset" /> @@ -41,6 +42,8 @@