The E-commerce report uses the item clicks and item views to determine the click through ratio for search or product listings.

Implementation

This can be added to GA4 with the use of events using GTM/gtag:

• select_item: Recommended events - select_item
• view_item_list: Recommended events - view_item_list

💡

Using Tweakwise JS?

Go to Tweakwise JS - Measure impressions using GA4.

Best practises

• Only send the products that are actually visible in the viewport (e.g. first 12 items), not the entire list.
• Don’t resend view_item_list when users scroll or paginate unless new products are shown.
• If loading products dynamically (e.g. infinite scroll), debounce the event to avoid excessive firing.
• Include the index of each item in the list to track product order and interaction. Make sure this takes pagination into account.

To make this easier to implement, we've added an event stream in the demoshop. Hit the highlighted icon in the demoshop to open the stream

If you're using Tweakwise JS, follow Measure impressions using GA4.