# advanced_dom_window_resized

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.

```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,
    });
  });
});

```

## Properties

### PixelEventsAdvancedDomWindowResized

The `advanced_dom_window_resized` event logs an instance where the browser window has been resized.

### clientId

value: `string`

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

### data

value: `PixelEventsAdvancedDomWindowResizedData`

  - PixelEventsAdvancedDomWindowResized: export interface PixelEventsAdvancedDomWindowResized {
  /**
   * The client-side ID of the customer, provided by Shopify
   */
  clientId?: string;

  /**
   * No additional data is provided by design. Use the event context to get the
   * latest window size.
   */
  data?: PixelEventsAdvancedDomWindowResizedData;
  /**
   * The ID of the customer event
   */
  id?: string;

  /**
   * The name of the customer event.
   */
  name?: string;

  /**
   * The sequence index number of the event.
   */
  seq?: number;
  /**
   * The timestamp of when the customer event occurred, in [ISO 8601](https://en.wikipedia.org/wiki/ISO_8601) format
   */
  timestamp?: string;
  type?: EventType.AdvancedDom;
}
  - PixelEventsAdvancedDomWindowResizedData: export interface PixelEventsAdvancedDomWindowResizedData {}
No additional data is provided by design. Use the event context to get the latest window size.

### id

value: `string`

The ID of the customer event

### name

value: `string`

The name of the customer event.

### seq

value: `number`

The sequence index number of the event.

### timestamp

value: `string`

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

### type

value: `EventType.AdvancedDom`

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

### EventType

### AdvancedDom

value: `advanced-dom`


### Custom

value: `custom`


### Dom

value: `dom`


### Meta

value: `meta`


### Standard

value: `standard`