Aby śledzić wszystkie konwersje, skonfiguruj w swojej witrynie zdarzenia zakupu i połącz je z Merchant Center. Z tego artykułu dowiesz się, jak skonfigurować zdarzenia zakupu w witrynie.
Jak to działa
Aby zbierać dane o konwersjach, musisz śledzić zdarzenia zakupu w swojej witrynie. W tym celu możesz określić te zdarzenia w witrynie.
Poniżej znajdziesz 2 przykłady wysyłania zdarzenia zakupu z Twojej witryny.
Przykład 1. Wysyłanie zdarzenia zakupu po otwarciu strony
Zdarzenie zakupu należy umieścić na stronie witryny, na której ktoś dokonuje zakupu. Możesz na przykład dodać zdarzenie na stronie potwierdzenia, która pojawia się, gdy ktoś dokona zakupu. W tym samouczku pokazujemy, jak dodać zdarzenie do strony, na której ktoś klika przycisk „Kup”.
Umieść zdarzenie w tagu <script> na końcu tagu <body>. Umieszczenie zdarzenia bezpośrednio w tagu <script> powoduje jego uruchomienie w chwili wczytywania strony.
Przykładowy kod
<!--
Uwaga: w tym przykładowym kodzie
zastąp „TAG_ID” identyfikatorem tagu.
Więcej informacji: https://support.google.com/tagmanager/answer/12326985
-->
< !DOCTYPE html>
<html lang="pl">
<head>
<!-- Tag Google (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>W tym miejscu znajduje się formularz zakupu</div>
<button>Prześlij</button>
<script>
gtag("event", "purchase", {
transaction_id: "T_12345_1",
affiliation: "Google Merchandise Store",
value: 25.42,
tax: 4.90,
shipping: 5.99,
currency: PLN",
coupon: "LETNI_RABAT”,
items: [
// Jeśli ktoś kupuje więcej niż 1 produkt,
// możesz dodać te elementy do tablicy elementów
{
item_id: "SKU_12345",
item_name: "T-shirt Stan i przyjaciele",
affiliation: "Google Merchandise Store",
coupon: "LETNI_CZAS",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Odzież",
item_category2: "Dorośli",
item_category3: "Podkoszulki",
item_category4: "Okrągły dekolt",
item_category5: "Krótki rękaw",
item_list_id: "related_products",
item_list_name: "Produkty powiązane",
item_variant: "zielony",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 9.99,
quantity: 1
}]
});
</script>
</body>
</html>
Przykład 2. Wysyłanie zdarzenia zakupu po kliknięciu przycisku
Zdarzenie zakupu możesz skonfigurować na kilka sposobów, aby uruchamiało się, gdy ktoś kliknie przycisk „Kup”. Jednym ze sposobów jest dodanie identyfikatora do przycisku „Kup”, a potem umieszczenie kodu zdarzenia w detektorze zdarzeń. W przykładzie poniżej zdarzenie jest wysyłane tylko wtedy, gdy ktoś kliknie przycisk Kup z dodanym identyfikatorem.
Przykładowy kod
<!--
Uwaga: w tym przykładowym kodzie
zastąp „TAG_ID” identyfikatorem tagu.
Więcej informacji: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="pl">
<head>
<!-- Tag Google (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>W tym miejscu znajduje się formularz zakupu</div>
<button id="purchase">Kup</button>
<script>
document.getElementById("purchase”).addEventListener("click", function () {
gtag("event", "purchase", {
// To zdarzenie zakupu używa innego identyfikatora transakcji
// z poprzedniego zdarzenia zakupu, więc Analytics
// nie usuwa duplikatów zdarzeń.
// Więcej informacji: 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: „PLN”,
coupon: "LETNI_RABAT",
items: [
{
item_id: "SKU_12345",
item_name: "T-shirt Stan i przyjaciele",
affiliation: "Google Merchandise Store",
coupon: "LETNI_CZAS",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Odzież",
item_category2: "Dorośli",
item_category3: "Podkoszulki",
item_category4: "Okrągły dekolt",
item_category5: "Krótki rękaw",
item_list_id: "related_products",
item_list_name: "Produkty powiązane",
item_variant: "zielony",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 9.99,
quantity: 1
}]
});
});
</script>
</body>
</html>
Łączenie zdarzeń zakupu z Merchant Center
Zdarzenia zakupu możesz łączyć z Merchant Center za pomocą źródeł konwersji.
Więcej informacji o dodawaniu źródeł konwersji w Merchant Center