Demo Products
This page demonstrates GA4 ecommerce tracking. Each "Add to Basket" button
pushes an add_to_cart event to the dataLayer that GTM can capture
and forward to Google Analytics 4.
GTM Essentials Course
Learn the fundamentals of Google Tag Manager from scratch. Covers containers, tags, triggers, and variables.
Advanced GA4 Tracking
Master Google Analytics 4 event tracking, custom dimensions, and advanced reporting techniques.
Consent Mode Implementation
Implement Google Consent Mode v2 for GDPR and privacy compliance on any website.
E-commerce Tracking Bundle
Complete guide to tracking online store events: product views, add to cart, checkout, and purchases.
Custom Variables Workshop
Learn to create custom JavaScript variables, lookup tables, and RegEx tables in GTM.
Debugging and Testing Guide
Use GTM Preview Mode, Tag Assistant, and browser DevTools like a professional.
Server-Side GTM Setup
Deploy server-side tagging with Google Tag Manager for improved data quality and privacy.
Google Ads Conversion Tracking
Set up Google Ads conversion tracking, remarketing tags, and enhanced conversions via GTM.
Why This Page Matters for GTM Learning
Product pages are perfect for learning GTM because they have rich user interactions we want to track:
- Button Clicks: Track "Add to Basket" interactions via the
add_to_cartdataLayer event - Product Data: Capture product name, ID, and price using
data-*attributes - E-commerce Events: Follow the GA4 ecommerce schema for add-to-cart events
- Ecommerce Funnel: This page is step 1 of the funnel: Browse → Add to Cart → Checkout → Purchase
Open the GTM Debug panel (bottom-right) and click an "Add to Basket" button.
You will see the add_to_cart event appear in the dataLayer log with the
full ecommerce payload.