Сповіщення

У цьому Довідковому центрі відображаються статті, які стосуються Merchant Center Next. Дізнайтеся більше про перехід і отримайте відповіді на поширені запитання.

Як налаштувати події покупки для тегу Google

Щоб відстежувати всі конверсії, налаштуйте на веб-сайті події покупки та зв’яжіть їх із Merchant Center. У цій статті описано, як налаштувати такі події на вебсайті.

Перш ніж почати

Щоб відстежувати конверсії, переконайтеся, що на вашому вебсайті налаштовано тег Google. Якщо у вас його ще немає, створіть новий тег Google і додайте його на вебсайт. Докладніше про те, як установити тег Google (gtag.js).

Як це працює

Щоб збирати дані про конверсії, потрібно відстежувати події покупки на веб-сайті. Для цього спершу визначте такі події.

Потім налаштуйте надсилання подій покупки з вашого веб-сайту. Нижче наведено 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.

Статті за темою

Чи корисна ця інформація?

Як можна її покращити?
true
Пошук
Очистити пошук
Закрити пошук
Додатки Google
Головне меню