How to enable Click Analytics for facet search

[LeComptoirDesPharmacies]

Hi everyone,

I successfuly trigger insight events when user click on hits from getAlgoliaResults but I did not found a way to do the same with getAlgoliaFacets.

I tried to put clickAnalytics: true at the same level than facetQuery and tried to put it in a new nested params but neither works.

Thanks in advance for your helpful response !
Yours faithfully,
LCDP

[francoischalifour]

Hey! You can send custom events from the onSelect of your facet source using state.context.algoliaInsightsPlugin.insights. We explain how to do it in Sending events from templates.

Let us know if that guide helps!

[LeComptoirDesPharmacies]

Hi @francoischalifour,

Thanks for these clues and template !
We are missing one thing : We failed to make Algolia generate a __autocomplete_queryID, objectID and __autocomplete_indexName for every facet hit.
Here is what we received in onSelect.

And here is the network response :

clickAnalytics: true added these metadata in hits response but there is nothing for facet hits.

Yours faithfully,
LCDP

[Haroenv]

that's something which happens because we didn't consider this use case fully yet, but the event to be sent in this case isn't a click after search, but a clickedFilters event (as you essentially enable a filter. Personally I work more on InstantSearch than on autocomplete, so I don't know the exact code, but it would be more something like this: https://github.com/algolia/instantsearch.js/blob/69525bf2a3087aeb75c4f1e5ab8452012436f61f/src/lib/utils/createSendEventForFacet.ts#L36-L46

[LeComptoirDesPharmacies]

Hi @Haroenv,

Nice ! Thanks for this answer/explanation, we successfully used a mix of both your answers to insight a filtering on this facet when user select it in autocomplete.
Something like this in the onSelect :

  onSelect({ itemUrl, itemInputValue, setIsOpen, state }) {
    state.context.algoliaInsightsPlugin.insights.clickedFilters({
      eventName: 'Filter Applied',
      filters: [`facetName:${itemInputValue}`],
      index: indexName,
    });
    {...}
  },

Yours faithfully,
LCDP

[Haroenv]

nice!

[francoischalifour]

Looks good! We're currently discussing if we want to support this out-of-the-box. We'll let you know if so!