Puoi monitorare tutti gli acquisti configurando gli eventi di acquisto sul tuo sito web e collegandoli a Merchant Center. Questo articolo spiega come configurare gli eventi di acquisto sul tuo sito web.
Prima di iniziare
Per monitorare gli acquisti, assicurati che al tuo sito web sia stato aggiunto un tag Google. Se non ne hai ancora aggiunto uno, puoi creare un nuovo tag Google e utilizzarlo sul tuo sito web. Scopri come installare il tag Google (gtag.js).
Come funziona
Per raccogliere i dati sugli acquisti, devi monitorare gli eventi di e-commerce sul tuo sito web. Puoi monitorare questi eventi definendoli sul tuo sito web.
Di seguito sono riportati 2 esempi di come un evento di acquisto può essere inviato dal tuo sito web.
Esempio 1: inviare un evento di acquisto all'apertura della pagina
Devi inserire l'evento di acquisto nella pagina del tuo sito web in cui qualcuno effettua un acquisto. Ad esempio, puoi aggiungere l'evento nella pagina di conferma che viene visualizzata quando qualcuno effettua un acquisto. Questo tutorial ti mostra come aggiungere l'evento a una pagina in cui una persona fa clic su un pulsante "Acquista".
Inserisci l'evento in un tag <script> alla fine del tag <body>. Inserendolo direttamente nel tag <script>, l'evento viene attivato al caricamento della pagina.
Codice di esempio
<!--
Nota: nel seguente esempio di codice, assicurati
di sostituire "TAG_ID" con il tuo ID tag.
Scopri di più: https://googlesupport.serverhump.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Installa il tag Google (gtag.js) -->
<!-- Tag Google (gtag.js) -->
<script async src="https://googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'TAG_ID');
</script>
</head>
<body>
<div>La conferma di acquisto va inserita qui</div>
<script>
gtag("event", "purchase", {
transaction_id: "T_12345_1",
affiliation: "Google Merchandise Store",
value: 25.42,
tax: 4.90,
shipping: 5.99,
currency: "USD",
coupon: "SUMMER_SALE",
items: [
// Se qualcuno acquista più di un articolo,
// puoi aggiungerli nell'array items
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 9.99,
quantity: 1
}]
});
</script>
</body>
</html>
Esempio 2: inviare un evento di acquisto quando si fa clic su un pulsante
Puoi configurare l'evento di acquisto in diversi modi per fare sì che venga attivato quando un utente fa clic sul pulsante "Acquista". Uno di questi è aggiungere un ID al pulsante "Acquista" e poi inserire il codice evento in un listener di eventi. Nell'esempio seguente, l'evento viene inviato solo quando un utente fa clic su un pulsante con l'ID acquisto.
Codice di esempio
<!--
Nota: nel seguente esempio di codice, assicurati
di sostituire "TAG_ID" con il tuo ID tag.
Scopri di più: https://googlesupport.serverhump.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="it">
<head>
<!-- Installa il tag Google (gtag.js)-->
<!-- Tag Google (gtag.js) -->
<script async src="https://googletagmanager.com/gtag/js?id=TAG_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'TAG_ID');
</script>
</head>
<body>
<div>Il modulo dell'acquisto va inserito qui</div>
<button id="purchase">Acquista</button>
<script>
document.getElementById("purchase").addEventListener("click", function () {
gtag("event", "purchase", {
// Questo evento di acquisto è associato a un altro ID transazione
// dell'evento di acquisto precedente, quindi Analytics
// non deduplica gli eventi.
// Scopri di più: https://googlesupport.serverhump.com/analytics/answer/12313109
transaction_id: "T_12345_2",
affiliation: "Google Merchandise Store",
value: 25.42,
tax: 4.90,
shipping: 5.99,
currency: "USD",
coupon: "SUMMER_SALE",
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 9.99,
quantity: 1
}]
});
});
</script>
</body>
</html>
Collegare gli eventi di acquisto a Merchant Center
Puoi collegare gli eventi di acquisto a Merchant Center utilizzando le origini evento chiave.
Scopri come aggiungere le origini evento principali in Merchant Center.