Môžete sledovať všetky svoje nákupy tým, že si na webe nastavíte udalosti nákupu a prepojíte ich so službou Merchant Center. Tento článok vysvetľuje, ako nastaviť udalosti nákupu na webe.
Skôr než začnete
Ak chcete sledovať nákupy, ubezpečte sa, že ste na web pridali značku Google. Ak ste ju ešte nepridali, môžete vytvoriť novú značku Google a použiť ju na svojom webe. Ako nainštalovať značku Google (gtag.js)
Ako to funguje
Ak chcete zhromažďovať údaje o nákupoch, musíte na svojom webe sledovať udalosti nákupu. Môžete ich sledovať tak, že ich na svojom webe definujete.
Nižšie uvádzame dva príklady toho, ako odoslať udalosť nákupu z webu.
Príklad č. 1: odoslanie udalosti nákupu pri otvorení stránky
Udalosť nákupu by ste mali umiestniť na stránku na webe, kde ľudia uskutočňujú nákup. Môžete ju pridať napríklad na stránku s potvrdením o nákupe, ktorá sa zobrazí, keď niekto uskutoční nákup. Tento návod vám ukáže, ako pridať udalosť na stránku, kde niekto klikne na tlačidlo nákupu.
Umiestnite udalosť do značky <script> na konci značky <body>. Umiestnenie udalosti priamo do značky <script> spustí udalosť po načítaní stránky.
Ukážkový kód
<!--
Poznámka: V nasledujúcej vzorke kódu
nahraďte TAG_ID svojím identifikátorom značky.
Ďalšie informácie: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Install the Google tag (gtag.js) -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.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> Tu by sa nachádzalo potvrdenie o nákupe </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: [
// Ak si niekto kúpi viacero položiek,
// môžete ich pridať do poľa položiek
{
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>
Príklad č. 2: odoslanie udalosti nákupu po kliknutí na tlačidlo
Udalosť nákupu môžete nastaviť niekoľkými spôsobmi tak, že sa spustí, keď niekto klikne na tlačidlo nákupu. Jedným zo spôsobov je pridať identifikátor do tlačidla nákupu a potom umiestniť kód udalosti do prijímača udalostí. V príklade nižšie sa udalosť odosiela, len keď niekto klikne na tlačidlo nákupu s identifikátorom.
Ukážkový kód
<!--
Poznámka: V nasledujúcej vzorke kódu
nahraďte TAG_ID svojím identifikátorom značky.
Ďalšie informácie: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Install the Google tag (gtag.js)-->
<!-- Google tag (gtag.js) -->
<script async src="https://www.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>Tu by sa nachádzal formulár nákupu</div>
<button id="purchase">Purchase</button>
<script>
document.getElementById("purchase").addEventListener("click", function () {
gtag("event", "purchase", {
// Táto udalosť nákupu používa iný identifikátor transakcie
// ako predošlý nákup, aby služba Analytics
// neodstraňovala duplikáty udalostí.
// Ďalšie informácie: https://support.google.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>
Prepojenie udalostí nákupu so službou Merchant Center
Udalosti nákupu môžete prepojiť so službou Merchant Center pomocou zdrojov kľúčových udalostí.
Ako pridať zdroje kľúčových udalostí v službe Merchant Center