input_changed

The `input_changed` event logs an instance where an input value changes.

Accessing DOM Events

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

register(({analytics}) => {
  analytics.subscribe('input_changed', (event) => {
    // Example for accessing event data
    const element = event.data.element;

    const elementId = element.id;
    const elementValue = element.value;

    const payload = {
      event_name: event.name,
      event_data: {
        id: elementId,
        value: elementValue,
      },
    };

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

analytics.subscribe('input_changed', (event) => {
  // Example for accessing event data
  const element = event.data.element;

  const elementId = element.id;
  const elementValue = element.value;

  const payload = {
    event_name: event.name,
    event_data: {
      id: elementId,
      value: elementValue,
    },
  };

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

Properties

PixelEventsInputChanged

The `input_changed` event logs an instance where an input, textarea, or select element on the page has changed

clientId

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

data

id

The ID of the customer event

name

The name of the customer event

timestamp

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

type

PixelEventsInputChangedData

element

InputElement

An object that contains data about an input element type

id

The id attribute of an element

name

The name attribute of an element

tagName

A string representation of the tag of an element

type

The type attribute of an element. Often relevant for an input or button element.

value

The value attribute of an element. Often relevant for an input element.

EventType

AdvancedDom

Custom

Dom

Standard