Щоб відстежувати всі конверсії, налаштуйте на веб-сайті події покупки та зв’яжіть їх із Merchant Center. У цій статті описано, як налаштувати такі події на веб-сайті.
Як це працює
Щоб збирати дані про конверсії, потрібно відстежувати події покупки на веб-сайті. Для цього спершу визначте такі події.
Потім налаштуйте надсилання подій покупки з вашого веб-сайту. Нижче наведено 2 приклади, як це зробити.
Приклад 1. Як надсилати подію покупки, коли клієнти відкривають сторінку
Для цього розмістіть цю подію на сторінці веб-сайту, де користувачі здійснюють покупки. Наприклад, можна додати подію покупки на сторінку підтвердження, яка з’являється, коли клієнти купують товари. У цьому прикладі описано, як додати подію на сторінку, де користувачі натискають кнопку "Придбати".
Розмістіть подію в тегу <script> наприкінці тегу <body>, щоб вона активувалася під час завантаження сторінки.
Зразок коду
<!--
Note: In the following code sample, make sure to
replace "TAG_ID" with your tag ID.
Learn more: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 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>This is where the purchase form would go</div>
<button>Submit</button>
<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: [
// If someone purchases more than one item,
// you can add those items to the items array
{
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>
Приклад 2. Як надсилати подію покупки, коли клієнти натискають кнопку
Є кілька способів налаштувати подію покупки, щоб вона активувалася, коли користувачі натискають кнопку "Придбати". Один зі способів – додати ідентифікатор до кнопки "Придбати" й розмістити код події в блоці прослуховування подій. У наведеному нижче прикладі подія надсилається, лише коли користувач натискає кнопку "Придбати" з ідентифікатором.
Зразок коду
<!--
Note: In the following code sample, make sure to
replace "TAG_ID" with your tag ID.
Learn more: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 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>This is where the purchase form would go</div>
<button id="purchase">Purchase</button>
<script>
document.getElementById("purchase").addEventListener("click", function () {
gtag("event", "purchase", {
// This purchase event uses a different transaction ID
// from the previous purchase event so Analytics
// doesn't deduplicate the events.
// Learn more: 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>
Як зв’язати події покупки з Merchant Center
Події покупки можна зв’язати з Merchant Center за допомогою джерел конверсій.
Дізнайтесь, як додавати джерела конверсій у Merchant Center.