Google Tag Manager Configuration

Enter your GTM Container ID to start tracking events on this demo site.

Container Setup

Format: GTM-XXXXXXX (found in your GTM container URL)

How to Find Your GTM Container ID

  1. Log in to your Google Tag Manager account
  2. Select your container (or create a new one)
  3. Look at the container ID in the top right corner of the GTM interface
  4. It will be in the format: GTM-XXXXXXX
  5. Copy and paste it into the form above

Available DataLayer Events

This demo site implements the following dataLayer events throughout the user journey:

Page Events

  • page_view - Triggered on every page load

Ecommerce Events

  • view_item_list - Product listing pages (Homepage, Products page)
  • view_item - Product detail pages
  • add_to_cart - When adding items to cart
  • remove_from_cart - When removing items from cart
  • view_cart - Cart page view
  • begin_checkout - Checkout page entry
  • add_shipping_info - When shipping information is submitted
  • add_payment_info - When payment information is submitted
  • purchase - Purchase completion

Other Events

  • sign_up - Newsletter signup (Homepage)
  • search - Product search (Products page)
  • gtm_container_configured - When GTM Container ID is saved

Consent Mode Events

  • consent (default) - Set default consent state (denied) on page load
  • consent (update) - Update consent state when user makes a choice
  • consent_update - Custom event fired when consent preferences are updated

💡 Consent Mode v2: The site implements Google Consent Mode v2. Default consent is set to 'denied' on page load. When users interact with the consent banner, consent is updated via gtag('consent', 'update'). Configure your GTM tags to respect consent signals.

💡 Tip: Open your browser's developer console to see all dataLayer events being pushed in real-time!