---
title: Analytics with Hydrogen and Oxygen
description: >-
  Learn how to set up analytics with Hydrogen and Oxygen, and transmit metrics
  events to Shopify analytics.
source_url:
  html: 'https://shopify.dev/docs/storefronts/headless/legacy/hydrogen/analytics'
  md: 'https://shopify.dev/docs/storefronts/headless/legacy/hydrogen/analytics.md'
api_name: hydrogen
---

Legacy Hydrogen

These pages refer to Hydrogen versions 2026-04 and earlier. For versions 2026-10 and later, refer to the latest [Hydrogen docs](https://shopify.dev/docs/storefronts/hydrogen). If you're not using the latest version of Hydrogen, then we recommend that you migrate your storefront. To learn more, refer to [Migrate to the latest version of Hydrogen](https://shopify.dev/docs/storefronts/hydrogen/migrate).

# Analytics with Hydrogen and Oxygen

Hydrogen provides recommended patterns for collecting and transmitting website metrics to Shopify analytics, which enables you to view metrics in real time, directly in the Shopify admin.

***

## Consent tracking for analytics

Before you can track analytics on your Hydrogen storefront, ensure you comply with customer consent regulations.

[Tracking consent with Shopify (recommended)\
\
](https://shopify.dev/docs/storefronts/headless/legacy/hydrogen/analytics/consent)

[Use Shopify’s built-in Customer Privacy API and native cookie banner to get consent](https://shopify.dev/docs/storefronts/headless/legacy/hydrogen/analytics/consent)

[Third-party consent management services\
\
](https://shopify.dev/docs/storefronts/headless/legacy/hydrogen/analytics/consent-3p)

[Integrate a third-party consent tracking service into Hydrogen](https://shopify.dev/docs/storefronts/headless/legacy/hydrogen/analytics/consent-3p)

***

## Tracking analytics events

Analytics is built into Hydrogen, but you can implement it manually if required. You should also check that it's working as expected.

[Add Analytics components to Hydrogen\
\
](https://shopify.dev/docs/storefronts/headless/legacy/hydrogen/analytics/tracking)

[Manually upgrade an older version of Hydrogen to use the built-in Analytics components](https://shopify.dev/docs/storefronts/headless/legacy/hydrogen/analytics/tracking)

[Validate your analytics data\
\
](https://shopify.dev/docs/storefronts/headless/legacy/hydrogen/analytics/validation)

[Check that analytics data is flowing and troubleshoot common issues](https://shopify.dev/docs/storefronts/headless/legacy/hydrogen/analytics/validation)

***