Shopify Customer Event to get Checkout Errors and send to GA4 using gtag

gistfile1.txt

const script = document.createElement('script');
script.setAttribute('src', 'https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX');
script.setAttribute('async', '');
document.head.appendChild(script);

window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXX');

analytics.subscribe('alert_displayed', (event) => {
  const { target, type, message, value } = event.data.alert;

  gtag('event', 'checkout_error', {
    error_name: event.name,
    error_message: message,
    error_target: target,
    error_type: type,
    error_value: value,
    error_event_name: event.name,
    error_event_type: event.type
  });

  console.log("Evento GA4 enviado via GTAG");
});