Настроив на сайте события покупки и связав их с аккаунтом Merchant Center, вы сможете отслеживать ключевые события. В этой статье мы расскажем, как настроить события покупки.
Подготовка
Чтобы отслеживать ключевые события, добавьте на сайт тег Google. Если вы ещё не добавили тег, вам нужно его создать и установить.
Принцип работы
Чтобы собирать данные о покупках, необходимо отслеживать события покупки на сайте. Перед этим события нужно определить.
Ниже представлены 2 примера возможных способов отправки сведений о событии покупки с сайта.
Пример 1. Отправка сведений о событии покупки при загрузке страницы
Добавьте событие покупки на страницу сайта, где совершается покупка, например на страницу подтверждения заказа. В этом руководстве показано, как добавить событие на страницу, где пользователь нажимает кнопку "Купить".
Поместите событие в тег <script> в конце тега <body>. Находясь непосредственно в теге <script>, событие будет инициироваться при загрузке страницы.
Образец кода
<!--
Примечание. В следующем примере кода
замените "TAG_ID" на свой идентификатор тега.
Подробнее: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="ru">
<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> Здесь будет форма покупки </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: [
// Если кто-то покупает более одной позиции,
// их можно добавить в массив позиций
{
item_id: "SKU_12345",
item_name: "Футболка Stan and Friends",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Одежда",
item_category2: "Для взрослых",
item_category3: "Футболки",
item_category4: "Круглый вырез",
item_category5: "Короткий рукав",
item_list_id: "related_products",
item_list_name: "Сопутствующие товары",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 9.99,
quantity: 1
}]
});
</script>
</body>
</html>
Пример 2. Отправка сведений о событии покупки при нажатии на кнопку
Есть несколько способов настроить событие покупки для инициирования при нажатии кнопки "Купить". Например, можно добавить идентификатор к кнопке "Купить" и размещении кода события в прослушивателе событий. В следующем примере сведения о событии отправляются только при нажатии на кнопку "Купить" с идентификатором.
Образец кода
<!--
Примечание. В следующем примере кода
замените "TAG_ID" на свой идентификатор тега.
Подробнее: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="ru">
<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>Здесь будет форма покупки</div>
<button id="purchase">Купить</button>
<script>
document.getElementById("purchase").addEventListener("click", function () {
gtag("event", "purchase", {
// В этом событии покупки используется идентификатор транзакции, отличный
// от предыдущего события покупки, поэтому Google Аналитика
// не дедуплицирует эти события.
// Подробнее: 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",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Одежда",
item_category2: "Для взрослых",
item_category3: "Футболки",
item_category4: "Круглый вырез",
item_category5: "Короткий рукав",
item_list_id: "related_products",
item_list_name: "Сопутствующие товары",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 9.99,
quantity: 1
}]
});
});
</script>
</body>
</html>
Как связать события покупки с аккаунтом Merchant Center
События покупки можно связать с аккаунтом Merchant Center с помощью источников ключевых событий.
Как добавлять источники ключевых событий в Merchant Center