Как настроить события покупки для тега Google

Настроив на своем сайте события покупки и связав их с аккаунтом Merchant Center, можно отслеживать все свои конверсии. В этой статье мы расскажем, как настроить события покупки.

Подготовка

Чтобы отслеживать конверсии, убедитесь, что на ваш сайт добавлен тег Google. Если нет, вам нужно его создать и установить.

Принцип работы

Для сбора данных о конверсиях вам необходимо отслеживать события покупки на своем сайте. Чтобы отслеживать эти события, их нужно определить на сайте.

Ниже представлены 2 примера возможных способов отправки сведений о событии покупки с сайта.

Пример 1. Отправка сведений о событии покупки при загрузке страницы

Добавьте событие покупки на страницу сайта, где совершается покупка, например на страницу подтверждения заказа. В этом руководстве показано, как добавить событие на страницу, где пользователь нажимает кнопку "Купить".

Поместите событие в тег <script> в конце тега <body>. Находясь непосредственно в теге <script>, событие будет инициироваться при загрузке страницы.

Образец кода

<!--
  Примечание. В следующем примере кода
  замените "TAG_ID" на свой идентификатор тега.
  Подробнее: https://support.google.com/tagmanager/answer/12326985
-->
<!DOCTYPE html>
<html lang="ru">
<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>Здесь будет форма покупки</div>
    <button>Отправить</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: [
        // Если кто-то покупает более одной позиции,
        // их можно добавить в массив позиций
         {
          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>
    <!-- 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>Здесь будет форма покупки go</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

Статьи по теме

Эта информация оказалась полезной?

Как можно улучшить эту статью?
true
Поиск
Очистить поле поиска
Закрыть поиск
Приложения Google
Главное меню