Аналитика

Как настроить передачу данных о заказе с помощью Google Tag Manager

174
6

Для эффективного ведения контекстной рекламы необходимо отслеживать продажи и доход по ним. Проще всего запросить помощь программиста, который внедрит на сайт скрипт электронной торговли. Для тех, кто решил пойти другим путем, я предложу интересный маршрут.

Этот подход актуален для сайтов, где есть страница «Спасибо за заказ». Вы сможете передавать сумму покупки и номер транзакции при помощи Google Tag Manager.

Сумма покупки нам нужна для того, чтобы отслеживать эффективность и рентабельность рекламы, а номер транзакции — чтобы определять, какой процент покупок совершается через сайт. Плюс ко всему это обязательный атрибут электронной торговли. Поехали.

Шаг 1. Делаем тестовый заказ на сайте

Для начала включите режим предварительного просмотра в Google Tag Manager. Далее сделайте тестовый заказ на вашем сайте.  На странице вашего сайта должен показываться номер заказа: И сумма транзакции:

Шаг 2. Создаем переменные c информацией о покупке

Необходимо создать переменные «Элемент DOM», в которых будет сохраняться информация, к примеру, цена.

Откройте Google Tag Manager и создайте переменную. 

Задайте имя переменной «price»и выберите «Элемент DOM».

На странице «Спасибо за заказ» щелкнете правой кнопкой на номер заказа и выберите «Посмотреть код».

В открывшимся коде будет выделена необходимая вам строка. Щелкнете на нее правой кнопкой и выбирете «Copy — Copy selector».

Селектор — это описание элемента или группы элементов страницы сайта.

Вернитесь в Google Tag Manager и вставьте скопированной значение селектора в поле «Идентификатор элемента». предварительно в поле «Метод выбора» выбрав «Селектор CSS».

После сохранения переменной аналогичные действия совершаем со стоимостью покупки.

Шаг 3. Создаем переменные с числовыми значениями

Теперь время создать переменные, которые будут передавать не строчные, а числовые значения без лишних знаков (номеров, букв, пробелов и так далее). Например: №309, 2 098 грн.
Для этого создайте переменную, задайте ей имя и выберите «Собственный код JavaScript».

Скопируйте и вставьте туда этот код, предварительно указав в нём название вашей переменной:

function() {
var s={{price}};
return(s.replace(/[^-0-9]/gim,''));
return Number(s);
}

Вот как это будет выглядеть:

Аналогичные действия проделайте с номером заказа и ценой. Теперь осталось создать триггер и тег перехода на страницу «Спасибо за заказ».

Шаг 4. Создаем триггер перехода на страницу «Спасибо за заказ»

Пропишите название триггера и выберите тип «Просмотр страницы».

Выберите условие активации триггера «Некоторые просмотры страниц», характеристику «Page URL». Если страница «Спасибо за заказ» всегда имеет одинаковый URL, можно задать условие «Равно» и вставить ссылку.

Если ссылка меняется при каждой отдельной транзакции, лучше указать ту часть URL, которая является уникальной и неизменной для страницы «Спасибо за заказ».

Шаг 5. Создаем тег перехода на страницу «Спасибо за заказ»

Создайте тег покупки товара.

Пропишите название тега, тип тега «Google Аналитика — Universal Analytics», тип отслеживания «Событие». Укажите категорию и действие, которые вам нужны. В качестве ярлыка укажите переменную номера заказа, в качестве значения — переменную стоимости заказа.

Добавьте сюда триггер, который активируется при посещении страницы «Спасибо за заказ».

Шаг 6. Создаем в Google Analytics цель перехода на страницу «Спасибо за заказ»

Зайдите в нужное представление в Google Analytics и создайте цель совершения покупки.
Установка цели — «Собственная».

Укажите название и выберите тип «Событие».

Теперь укажите категорию и действие, как в теге Google Tag Manager.

Доход от покупки можно посмотреть в отчётах по источникам трафика и в специальных отчетах.

Ярлыки (в нашем случае номера транзакций) можно посмотреть в отчёте «Поведение — События — Лучшие события», выбрав основной параметр «Ярлык события», или в специальных отчётах.

Выводы

Если у вас небольшой интернет-магазин, но нет возможности нанять программиста, вы всё равно сможете отслеживать необходимую вам информацию о транзакциях на сайте с помощью Google Tag Manager, а именно: количество, доход и номера транзакций.

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

Стоит указать, что если вам потребуется передавать количество, название и категорию товаров, то здесь без настройки полноценной электронной торговли не обойтись.

Обнаружили ошибку? Выделите ее и нажмите Ctrl + Enter.

Комментарии (26 )

  1. 0
    8 дней назад

    Николай,

    подскажите, как передать номер заказа через форму "заказа в 1 клик"

    Настроил вашим методом, но в аналитике не показывает номер заказа через 1 н клик(

    На вкладке лучшее событие пишет (null)

    Подскажите, как настроить передачу номера заказа?

    Спасибо 

    • 0
      Viktor SK
      8 дней назад

      Здравствуйте, Виктор!


      Если у Вас номер заказа формируется только после отправки формы, то этот метод не будет работать, но стоимость заказа будет передаваться.

      Подскажите, пожалуйста, когда и как у вас формируется номер заказа.

      • 0
        Николай Зуб
        8 дней назад

        Номер заказа формируется после ввода телефона и нажатия на кнопку (купить в 1 клик)
        Ниже скриншоты

        1. http://prntscr.com/mxug1u

        2. http://prntscr.com/mxugvr


        • 0
          Viktor SK
          8 дней назад

          К сожалению, с помощью данного способа Вы не сможете передавать номер заказа на своём сайте, так как при изначальной загрузке страницы и при отправке события о покупке номера транзакции нет на странице, а появляется он уже после.

          Этот способ подойдёт только в том случае, если после покупки товара в 1 клик пользователь будет перенаправлен на страницу "Спасибо за заказ", где будет отображен номер заказа.

          • 0
            Николай Зуб
            7 дней назад

            Николай, событие передает!

            Только не корректно (

            Не всегда передает событие (только часть) и показывает не корректную статистику события

            http://prntscr.com/my79fm

            Может подскажете, как можно доработать? 

            • 0
              Viktor SK
              7 дней назад
              Виктор, скажите, пожалуйста, а это выборка по конверсиям за какой период времени? Возможно вы затронули тот период, когда цель в Google Analytics ещё не была настроена?
              • 0
                Николай Зуб
                7 дней назад

                Выборка за 2 дня!
                трафик сайта не на столько большой для получения таких данных.
                Скрипт внедрю, спасибо 

                • 0
                  Viktor SK
                  2 дня назад
                  Тогда непонятно откуда взялись больше, чем 160К событий. Скорее всего, они к Вашей цели не имеют никакого отношения.
          • 0
            Николай Зуб
            7 дней назад

            Подскажите с помощью какого способа можно передать № заказа ?

            Буду очень признателен за помощь 

            • 0
              Viktor SK
              7 дней назад

              Чтобы отфильтровать ненужные символы и оставить только номер заказа, используйте данный скрипт, для создания новой переменной, которую и будете передавать в теге:

              function() {

              var s={{Ваша переменная}};

              return(s.replace(/[^-0-9]/gim,''));

              return Number(s);

              }

  2. 0
    9 дней назад
    Здравствуйте! А какую задавать ценность цели, чтобы подтягивалась сумма заказа? как у вас на скрине с аналитикса
  3. 1
    8 дней назад
    Спасибо. Крутая статья!
  4. 1
    8 дней назад
    спасибо за весьма своевременный в моем случае материал!
    • 0
      Alexander Parkhomenko
      15 дней назад

      Большое спасибо за Ваш отзыв!

      • 0
        Николай Зуб
        15 дней назад

        Николай, скорее всего наивный вопрос, но все же. при настройке цели в аналитике вы пишите, что необходимо указать категорию и действие, как в теге Google Tag Manager. А ярлык и ценность - это переменные Ярлык и Значение, как в теге GTM? Заранее благодарю!

        • 0
          Alexander Parkhomenko
          15 дней назад

          Александр, спасибо за вопрос. 


          При настройке цели в Google Analytics ярлык и ценность указывать не надо, значения переменных стоимости и номера заказа передаются автоматически.

          • 1
            Николай Зуб
            8 дней назад
            Николай, благодарю! Собственно, потестил оба варианта и описанный вами в статье, действительно, сработал.
  5. 0
    16 дней назад

    Не передается ценность события,

    Сайт устроен таким образом, что на 1 странице парсится сумма заказа, а на финальной странице номер заказа

    • 0
      Глеб
      15 дней назад

      Добрый день, Глеб!


      В таком случае номер заказа передавайте при помощи метода, который описан в статье. А для того, чтобы передать стоимость заказа Вам необходимо создать триггер по событию отправки формы, а не просмотра страницы "Спасибо за заказ", и передавать в теге те же переменные.

  6. 0
    16 дней назад

    Добрый день.

    Откуда в функции вы возвращаете Number, это переменяя не была объявлена.

    И что такое 'gim' в регулярном выражении.

    Спасибо.

    function() {

    var s={{price}};

    return(s.replace(/[^-0-9]/gim,''));

    return Number(s);

    }




    • 0
      Dmitry Rogozin
      15 дней назад

      Добрый день, Дмитрий!


      Спасибо, что заметили. Во втором шаге, когда создаётся переменная стоимости заказа, в тексте добавили название для переменной "price".

  7. 0
    16 дней назад
    Добрый день, поясните пожалуйста как это можно еще настроить для кнопки Купить в 1 клик. Если после нее нет перехода на страницу благодарности, а только всплывающее окно с надписью менеджер уже звонит Вам и все это на той же карточке товара без изменения урл. Заранее благодарен
    • 0
      Stanislav Pirogov
      15 дней назад

      Добрый день, Станислав!


      В этом случае Вам необходимо создать триггер по событию отправки формы, а не просмотра страницы "Спасибо за заказ", и передавать в теге те же переменные. Если у Вас номер заказа формируется только после отправки формы, то этот метод не будет работать, но стоимость заказа будет передаваться.

  8. 4
    8 дней назад

    Спасибо за материал. Полезно! 😀

Чтобы оставить комментарий, необходимо авторизироваться

Подписаться

на самую полезную рассылку по интернет-маркетингу

Самое

обсуждаемое популярное читаемое

Этот сайт использует куки-файлы и другие технологии, чтобы помочь вам в навигации, а также предоставить лучший пользовательский опыт, анализировать использование наших продуктов и услуг, повысить качество рекламных и маркетинговых активностей.