---
title: Analytics.CartView
description: Publishes a `cart_viewed` event to the `Analytics.Provider` component.
api_version: 2024-10
api_name: hydrogen
source_url:
  html: >-
    https://shopify.dev/docs/api/hydrogen/2024-10/components/analytics/analytics-cartview
  md: >-
    https://shopify.dev/docs/api/hydrogen/2024-10/components/analytics/analytics-cartview.md
---

# Analytics.​Cart​View

Publishes a `cart_viewed` event to the `Analytics.Provider` component.

## analytics​Cart​View(**[props](#props-propertydetail-props)**​)

### Parameters

* **props**

  **BasicViewProps**

  **required**

### BasicViewProps

* customData

  ```ts
  OtherData
  ```

* data

  ```ts
  OtherData
  ```

### OtherData



Examples

### Examples

* #### example

  ##### Description

  This is the default example

  ##### JavaScript

  ```js
  import {Analytics} from '@shopify/hydrogen';

  export default function CartView() {
    return (
      <div className="cart">
        <h1>Cart</h1>
        <Analytics.CartView />
      </div>
    );
  }
  ```

  ##### TypeScript

  ```ts
  import {Analytics} from '@shopify/hydrogen';

  export default function CartView() {
    return (
      <div className="cart">
        <h1>Cart</h1>
        <Analytics.CartView />
      </div>
    );
  }
  ```