---
title: advanced_dom_window_resized
description: >-
  The `advanced_dom_window_resized` event is published when a customer resizes
  their browser window.


  > Shopify Plus:

  > This event is limited on
  [checkout](https://help.shopify.com/manual/checkout-settings) to stores on the
  [Shopify Plus](https://www.shopify.com/plus) plan.
api_name: web-pixels
source_url:
  html: >-
    https://shopify.dev/docs/api/web-pixels-api/advanced-dom-events/advanced_dom_window_resized
  md: >-
    https://shopify.dev/docs/api/web-pixels-api/advanced-dom-events/advanced_dom_window_resized.md
---

# advanced\_​dom\_​window\_​resized

Requires access to the **Advanced DOM Events in web pixel app extensions** scope. To request access, please use the form in the Partner Dashboard. This scope is only available for apps that have a heatmap and/or session recordings. The Advanced DOM Events cannot be used on custom apps.

The `advanced_dom_window_resized` event is published when a customer resizes their browser window.

Shopify Plus

This event is limited on [checkout](https://help.shopify.com/manual/checkout-settings) to stores on the [Shopify Plus](https://www.shopify.com/plus) plan.

## Properties

* clientId

  string

  The client-side ID of the customer, provided by Shopify

* data

  PixelEventsAdvancedDomWindowResizedData

  No additional data is provided by design. Use the event context to get the latest window size.

* id

  string

  The ID of the customer event

* name

  string

  The name of the customer event.

* seq

  number

  The sequence index number of the event.

* timestamp

  string

  The timestamp of when the customer event occurred, in [ISO 8601](https://en.wikipedia.org/wiki/ISO_8601) format

* type

  EventType.AdvancedDom

### PixelEventsAdvancedDomWindowResizedData

No additional data is provided by design. Use the event context to get the latest window size.



```ts
export interface PixelEventsAdvancedDomWindowResizedData {}
```

### EventType

* AdvancedDom

  ```ts
  advanced-dom
  ```

* Custom

  ```ts
  custom
  ```

* Dom

  ```ts
  dom
  ```

* Meta

  ```ts
  meta
  ```

* Standard

  ```ts
  standard
  ```

```ts
export enum EventType {
  AdvancedDom = 'advanced-dom',
  Custom = 'custom',
  Dom = 'dom',
  Meta = 'meta',
  Standard = 'standard',
}
```

Examples

### Examples

* #### Accessing Advanced DOM Events

  ##### App Pixel

  ```javascript
  import {register} from '@shopify/web-pixels-extension';

  register(({analytics}) => {
    analytics.subscribe('advanced_dom_window_resized', (event) => {
      // Accessing event payload
      const payload = {
        event_name: event.name,
        event_data: {
          width: event.context.window.innerWidth,
          height: event.context.window.innerHeight,
        },
      };

      // E.g. sending event to third party servers
      fetch('https://example.com/pixel', {
        method: 'POST',
        body: JSON.stringify(payload),
        keepalive: true,
      });
    });
  });
  ```