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.
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.
