analytics.viewedBasket¶
analytics.viewedBasket is an event on the Event Bus that occurs after a user has viewed a basket. This event only dispatches when analytics is enabled in the shop.
Event body¶
none
Example¶
In this example we listen to analytics.viewedBasket event and perform an action whenever it's emitted.
useStorefront(async (storefront) => {
storefront.eventBus.on('analytics.viewedBasket', () => {
console.log('A user has viewed a basket')
});
});
Example (Recommended)¶
In this example we listen to analytics.viewedBasket event using type-safe event constants. This approach is recommended as it provides better IDE support, helps prevent typos, and ensures that changes to event names are automatically reflected in your code.
useStorefront(async (storefront) => {
const analyticsEvents = storefront.events.analytics;
storefront.eventBus.on(analyticsEvents.viewedBasket, () => {
console.log('A user has viewed a basket')
});
});
Example¶
In this example we use a Message Storage API to retrieve an array of past analytics.viewedBasket events.
useStorefront((storefront) => {
const messageStorageApi = storefront.getApiSync('messageStorageSystemApi');
const pastViewedBasketEvents = messageStorageApi.getChannelMessages('analytics.viewedBasket');
if (pastViewedBasketEvents.length > 0) {
pastViewedBasketEvents.forEach(({ body: eventBody }) => {
console.log('perform action on every past event');
});
}
});