Щоб відстежувати всі покупки, налаштуйте на вебсайті події покупки й зв’яжіть їх із Merchant Center. У цій статті описано, як налаштувати такі події на вебсайті.
Перш ніж почати
Щоб відстежувати покупки, переконайтеся, що на вашому вебсайті налаштовано тег Google. Якщо у вас його ще немає, створіть новий тег Google і додайте його на вебсайт. Докладніше про те, як установити тег Google (gtag.js).
Як це працює
Щоб збирати дані про покупки, потрібно відстежувати події покупки на вебсайті. Для цього спершу визначте такі події.
Потім налаштуйте надсилання подій покупки з вашого веб-сайту. Нижче наведено 2 приклади, як це зробити.
Приклад 1. Як надсилати подію покупки, коли клієнти відкривають сторінку
Для цього розмістіть цю подію на сторінці веб-сайту, де користувачі здійснюють покупки. Наприклад, можна додати подію покупки на сторінку підтвердження, яка з’являється, коли клієнти купують товари. У цьому прикладі описано, як додати подію на сторінку, де користувачі натискають кнопку "Придбати".
Розмістіть подію в тегу <script> наприкінці тегу <body>, щоб вона активувалася під час завантаження сторінки.
Зразок коду
<!--
Примітка. У зразку коду нижче
замініть "TAG_ID" на свій ідентифікатор тегу.
Докладніше: https://googlesupport.serverhump.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Install the Google tag (gtag.js) -->
<!-- Google tag (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> This is where your purchase confirmation would go </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: [
// 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. Як надсилати подію покупки, коли клієнти натискають кнопку
Є кілька способів налаштувати подію покупки, щоб вона активувалася, коли користувачі натискають кнопку "Придбати". Один зі способів – додати ідентифікатор до кнопки "Придбати" й розмістити код події в блоці прослуховування подій. У наведеному нижче прикладі подія надсилається, лише коли користувач натискає кнопку "Придбати" з ідентифікатором.
Зразок коду
<!--
Примітка. У зразку коду нижче
замініть "TAG_ID" на свій ідентифікатор тегу.
Докладніше: https://googlesupport.serverhump.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Install the Google tag (gtag.js)-->
<!-- Google tag (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>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://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>
Як зв’язати події покупки з Merchant Center
Події покупки можна зв’язати з Merchant Center за допомогою джерел ключових подій.
Дізнайтесь, як додати джерела ключових подій у Merchant Center.