Tools / Google Analytics
Visit official site north_east

Google Analytics

The world's most popular web analytics platform. Google Analytics 4 (GA4) provides comprehensive insights into user behavior, traffic sources, and conversion tracking for websites and mobile apps.

Features

Data Collection

  • Pageviews: Track page visits and navigation
  • Events: Custom event tracking for interactions
  • User Properties: Track user demographics and behavior
  • E-commerce: Detailed purchase and revenue tracking
  • Cross-Platform: Unified web and app tracking
  • Enhanced Measurement: Auto-track scrolls, downloads, video views

Reporting

  • Real-Time: Live visitor monitoring
  • Acquisition: Traffic source analysis
  • Engagement: User interaction metrics
  • Monetization: Revenue and conversion tracking
  • Retention: User loyalty and churn analysis
  • User Explorer: Individual user journey analysis
  • Funnel Analysis: Conversion funnel visualization
  • Path Exploration: User flow through your site

Advanced Features

  • Custom Dimensions: Track custom data points
  • Custom Metrics: Define custom measurements
  • Segments: Analyze specific user groups
  • Audiences: Create remarketing lists
  • Goals/Conversions: Define and track success metrics
  • Attribution: Multi-touch attribution modeling
  • Predictive Metrics: AI-powered insights

GA4 Setup

Installation

HTML (gtag.js)

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>

React/Next.js

import Script from 'next/script'

export default function App({ Component, pageProps }) {
  return (
    <>
      <Script
        src={`https://www.googletagmanager.com/gtag/js?id=${GA_MEASUREMENT_ID}`}
        strategy="afterInteractive"
      />
      <Script id="google-analytics" strategy="afterInteractive">
        {`
          window.dataLayer = window.dataLayer || [];
          function gtag(){dataLayer.push(arguments);}
          gtag('js', new Date());
          gtag('config', '${GA_MEASUREMENT_ID}');
        `}
      </Script>
      <Component {...pageProps} />
    </>
  )
}

Event Tracking

// Custom event
gtag('event', 'button_click', {
  'event_category': 'engagement',
  'event_label': 'signup_button',
  'value': 1
});

// E-commerce purchase
gtag('event', 'purchase', {
  transaction_id: "T_12345",
  value: 29.99,
  currency: "USD",
  items: [{
    item_id: "SKU_12345",
    item_name: "Product Name",
    price: 29.99,
    quantity: 1
  }]
});

// Custom conversion
gtag('event', 'conversion', {
  'send_to': 'G-XXXXXXXXXX/conversion_label',
  'value': 1.0,
  'currency': 'USD'
});

Key Metrics

Traffic Metrics

  • Users: Unique visitors
  • Sessions: Visit instances
  • Pageviews: Total pages viewed
  • Bounce Rate: Single-page sessions
  • Session Duration: Average time on site

Engagement Metrics

  • Engagement Rate: % engaged sessions
  • Engaged Sessions: Sessions > 10s or 2+ pages
  • Event Count: Total events triggered
  • Events per Session: Average interactions

Conversion Metrics

  • Conversion Rate: % sessions with conversions
  • Goal Completions: Successful goal triggers
  • Revenue: Total transaction value
  • ROAS: Return on ad spend

Common Use Cases

Traffic Analysis

  • Identify top traffic sources
  • Understand user demographics
  • Track geographic distribution
  • Analyze device/browser usage

Conversion Optimization

  • Set up conversion goals
  • Track funnel performance
  • Identify drop-off points
  • A/B test impact measurement

Content Performance

  • Most viewed pages
  • Popular content paths
  • Exit pages analysis
  • Content engagement metrics

E-commerce Tracking

  • Product performance
  • Shopping behavior
  • Checkout funnel
  • Revenue attribution

GA4 vs Universal Analytics

Key Differences

  • Event-Based: Everything is an event (no more pageviews vs events)
  • Cross-Platform: Unified web and app tracking
  • Machine Learning: Built-in predictive analytics
  • Privacy-Focused: Better GDPR/CCPA compliance
  • BigQuery: Free export on all properties

Integration

Google Tag Manager

// Track via GTM data layer
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  'event': 'custom_event',
  'category': 'category_name',
  'action': 'action_name',
  'label': 'label_value'
});
  • Link for conversion tracking
  • Import goals as conversions
  • Create remarketing audiences
  • Optimize campaigns with GA data

BigQuery

-- Query GA4 data in BigQuery
SELECT
  event_name,
  COUNT(*) as event_count
FROM `project.analytics_XXXXX.events_*`
WHERE _TABLE_SUFFIX = '20230101'
GROUP BY event_name
ORDER BY event_count DESC

Privacy & Compliance

GDPR Compliance

  • Cookie consent management
  • IP anonymization
  • Data retention controls
  • User deletion requests
  • Data processing agreement

Implementation

// Disable analytics until consent
window['ga-disable-G-XXXXXXXXXX'] = true;

// Enable after consent
function enableAnalytics() {
  window['ga-disable-G-XXXXXXXXXX'] = false;
  gtag('consent', 'update', {
    'analytics_storage': 'granted'
  });
}

Pricing

  • Free: Up to 10M events/month
  • GA4 360: Enterprise features, $50k/year minimum
    • Higher limits
    • SLA guarantee
    • Advanced features
    • Dedicated support

Best Practices

  • Set up custom events for key interactions
  • Create conversion goals aligned with business objectives
  • Use UTM parameters for campaign tracking
  • Enable enhanced measurement for auto-tracking
  • Regularly review and clean up old properties
  • Set up custom reports for recurring analysis
  • Link with Google Search Console
  • Use audiences for targeted remarketing
  • Implement proper data layer structure
  • Respect user privacy with proper consent

Common Gotchas

  • GA4 data doesn't backfill to older dates
  • 24-48 hour delay for some reports
  • Sampling on large datasets (free version)
  • Event names are case-sensitive
  • 500 unique events per property limit
  • Cookie blockers affect data accuracy

Debugging

Debug Mode

// Enable debug mode
gtag('config', 'G-XXXXXXXXXX', {
  'debug_mode': true
});

Chrome Extension

  • Google Analytics Debugger
  • GA4 DebugView in analytics interface
  • Tag Assistant for validation

Alternatives to Consider

For privacy-focused analytics:

  • Plausible
  • Fathom
  • Simple Analytics
  • Umami

For advanced features:

  • Mixpanel
  • Amplitude
  • Heap

Google Analytics remains the industry standard for web analytics, offering powerful features for free that most small to medium businesses will never outgrow.

Ready to get started? Visit the official site to learn more.

Visit official site north_east
An unhandled error has occurred. Reload ✖