Setting userToken & enabling InsightsClient is vague in the documentation

The insights client & setting userToken is very vague in the documentation marked here

You will see it describes:

<ais-instant-search 
  [...] 
  :insights-client="window.aa"
>
  <ais-configure :clickAnalytics="true" />
  <!-- widgets -->
</ais-instant-search>

But you clearly can’t actually use window.aa there because window is not available like that with Vue.

Is there actual documentation on how to do this? When I set it via data object, I get the error:

[InstantSearch.js]: `insightsClient` property has been deprecated. It is still supported in 4.x releases, but not further. It is replaced by the `insights` middleware.

For more information, visit https://www.algolia.com/doc/guides/getting-insights-and-analytics/search-analytics/click-through-and-conversions/how-to/send-click-and-conversion-events-with-instantsearch/js/

I can’t see any documentation on how to set the userToken in Vue InstantSearch either.

Any help appreciated.

[Haroenv]

Ah, I think I see it! userToken in your case is a number, but the insights api only accepts strings: https://www.algolia.com/doc/api-reference/api-parameters/userToken/#how-to-use

[jonathan-bird]

I noticed the queryID is in the hits though:

<ais-hits>
    <div slot-scope="{ items, insights }">
        <div v-for="item in items">
            {{ item.__queryID}}
        </div>
    </div>
</ais-hits>

This does return the QueryID.

FYI I haven’t setup any custom insight events. The insight events that fire are automatic “Hit” ones.