ignitionstack.pro v1.0 is out! Read the announcement →
Skip to Content

Building Sales Funnels in Google Analytics 4

This guide explains how to set up and analyze sales funnels in Google Analytics 4 using the events tracked by IgnitionStack’s checkout flow.

Overview

IgnitionStack tracks a comprehensive set of events throughout the purchase journey, enabling you to build detailed sales funnels in GA4. This helps you:

Events Tracked

Pricing Section Events

Event NameDescriptionKey Parameters
pricing_section_viewUser views the pricing sectionlocale, page_path
pricing_tier_viewUser views a specific tier cardtier, tier_price
pricing_cta_clickUser clicks a pricing CTA buttontier, tier_price, is_highlighted
pricing_promo_banner_viewPromotional banner is displayedspots_remaining, days_remaining

Checkout Funnel Events

Event NameDescriptionKey Parameters
checkout_page_viewUser lands on checkout pagetier, tier_price
checkout_step_viewUser reaches a checkout stepstep_name, step_number, tier
checkout_auth_method_selectedUser selects auth methodmethod (google/email_login/email_register)
checkout_auth_successUser successfully authenticatesmethod, user_id
checkout_auth_errorAuthentication failsmethod, error_type
checkout_terms_acceptedUser accepts terms/licenseterms_type, accepted
checkout_payment_button_clickUser clicks payment buttontier, tier_price, user_id
begin_checkoutGA4 e-commerce eventvalue, currency, items[]
checkout_stripe_redirectUser redirected to Stripetier, user_id
purchasePayment successfultransaction_id, value, items[]
purchase_failedPayment failed/cancelledtier, error_reason
checkout_errorAny checkout errorerror_type, error_message
checkout_abandonedUser leaves checkoutlast_step, time_on_page, was_authenticated
checkout_back_to_plansUser returns to pricingtier

Setting Up Funnels in GA4

Step 1: Access Explore

  1. Go to your GA4 property
  2. Click Explore in the left navigation
  3. Click Blank to create a new exploration
  4. Or use the Funnel exploration template

Step 2: Create the Main Sales Funnel

Funnel Name: Checkout Conversion Funnel

Steps Configuration:

Step 1: Pricing Page View ├── Event: pricing_section_view ├── OR Event: pricing_tier_view Step 2: Pricing CTA Click ├── Event: pricing_cta_click Step 3: Checkout Page View ├── Event: checkout_page_view Step 4: Authentication Complete ├── Event: checkout_auth_success Step 5: Terms Accepted ├── Event: checkout_terms_accepted ├── Filter: accepted = true Step 6: Payment Initiated ├── Event: checkout_payment_button_click Step 7: Stripe Redirect ├── Event: checkout_stripe_redirect Step 8: Purchase Complete ├── Event: purchase

Step 3: Add Breakdown Dimensions

Add these dimensions to analyze funnel performance:

Step 4: Create Segments

High-Intent Users:

Include users where: - checkout_page_view occurred - AND checkout_auth_success occurred

Abandoned Cart:

Include users where: - checkout_payment_button_click occurred - AND purchase did NOT occur within 30 minutes

Error Segment:

Include users where: - checkout_error occurred - OR checkout_auth_error occurred

1. Tier Conversion Report

Purpose: Compare conversion rates across pricing tiers

Configuration:

Insights:

2. Authentication Funnel

Purpose: Analyze authentication method performance

Configuration:

Step 1: checkout_auth_method_selected Step 2: checkout_auth_success

Insights:

3. Drop-off Analysis

Purpose: Identify where users abandon the checkout

Configuration:

Key Metrics:

4. Error Analysis Report

Purpose: Track and diagnose checkout errors

Events to track:

Breakdown by:

Creating Custom Metrics

Checkout Completion Rate

Name: Checkout Completion Rate Formula: purchase / checkout_page_view Format: Percentage

Authentication Success Rate

Name: Auth Success Rate Formula: checkout_auth_success / checkout_auth_method_selected Format: Percentage

Stripe Redirect Rate

Name: Stripe Redirect Rate Formula: checkout_stripe_redirect / checkout_payment_button_click Format: Percentage

Cart Abandonment Rate

Name: Cart Abandonment Rate Formula: checkout_abandoned / checkout_page_view Format: Percentage

Setting Up Alerts

1. High Error Rate Alert

Condition: checkout_error count > 10 in 1 hour Severity: Critical Action: Investigate Stripe integration

2. Low Conversion Alert

Condition: purchase / checkout_page_view < 5% over 24 hours Severity: Warning Action: Review checkout UX

3. Authentication Issues

Condition: checkout_auth_error count > 5 in 1 hour Severity: Warning Action: Check OAuth configuration

E-commerce Tracking

IgnitionStack uses GA4 standard e-commerce events:

begin_checkout Event

{ event: "begin_checkout", items: [{ item_id: "pro", item_name: "Pro Plan", price: 297, quantity: 1 }], value: 297, currency: "BRL" }

purchase Event

{ event: "purchase", transaction_id: "stripe_session_xxx", items: [{ item_id: "pro", item_name: "Pro Plan", price: 297, quantity: 1 }], value: 297, currency: "BRL" }

GA4 Reports Setup

Monetization Reports

  1. Go to Reports > Monetization
  2. The purchase events will appear in Ecommerce purchases
  3. Configure Revenue to use the value parameter

Real-time Monitoring

  1. Go to Reports > Realtime
  2. Filter by events containing “checkout”
  3. Monitor live checkout activity

Best Practices

1. Use Consistent Parameters

All events include standard parameters:

2. Track the Full Journey

awareness → consideration → conversion ↓ ↓ ↓ Landing Pricing Checkout Page Section Flow

3. Debug in Development

Events are logged to console in development mode:

npm run dev # Open DevTools > Console # Filter by "[GA4]" to see events

4. Verify in GA4 DebugView

  1. Install GA4 Debugger Chrome extension
  2. Enable debug mode
  3. Go to GA4 > Configure > DebugView
  4. Test your checkout flow

Troubleshooting

Events Not Appearing

  1. Check NEXT_PUBLIC_GA_ID is set
  2. Verify GA4 script is loading
  3. Check browser console for errors
  4. Wait 24-48 hours for data processing

Duplicate Events

The analytics library includes deduplication:

Missing Parameters

Required parameters are validated: