Shopify – nuovi tracciamenti GA4 nel checkout ma non solo

Come dicevo in quest’articolo, settimana scorsa, i tracciamenti del checkout su Shopify sono cambiati e parecchio.

Ora bisogna accedere alla sezione Impostazioni > Eventi del cliente e di volta in volta creare il pixel che serve.

Premesso che per GA4 quando è aggiunto come canale di vendita su Shopify traccia bene si collega al Merchants ed in teoria non si ha bisogno di altro.

Shopify – Nuovi Tracciamenti Ga4 Nel Checkout Ma Non Solo

Vorrei lasciarti il codice corretto per inserire GA4 in caso volessi fare delle integrazioni o settarlo solo negli Eventi del cliente.

Dal codice di inizializzazione di GA4 normale, come siamo abituati a vederlo normalmente, bisogna rimuovere l’HTML, ti ritrovi con il pixel SDK di GA4 e il codice per inizializzarlo.

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

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

In questo modo il pixel GA4 è solo inizializzato. Perchè possa trasmettere anche i dati si deve creare un evento.

analytics.subscribe("page_viewed", async (event) => {
  gtag('event', 'page_view');
});

Per prima cosa devi mandare l’evento page_view, per fargli capire che la pagina è stata visualizzata.

analytics.subscribe("checkout_completed", async (event) => {
 gtag('event', 'purchase', {
 transaction_id: event.data?.checkout?.order?.id,
    value: event.data?.checkout?.totalPrice?.amount,
    tax: event.data?.checkout?.totalTax?.amount,
    shipping: event.data?.checkout?.shippingLine?.price?.amount,
    currency: event.data?.checkout?.currencyCode,
  });
});

E poi traccerai l’evento purchase con valore e valuta, volendo anche i dati utente.
Qui puoi trovare il set standard di eventi previsti da Shopify a cui potrai agganciare gli eventi GA4.

E qui l’elenco degli eventi disponibili e il loro codice in GA4.

Se devi effettuare dei tracciamenti su un sito Shopify, contattami attraverso questo modulo.