Аналитика

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

175
6
0

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

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

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

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

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

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

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

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

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

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

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

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

выберете copy selector

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

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

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

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

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

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

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

собственный код javascript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ярлык события

Выводы

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

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

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

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

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

  1. 6 дней назад

    Здравствуйте! Спасибо а материал, очень полезная функция. Только есть вопрос. У некоторых клиентов цена передается с точкой, например 2.90. Регулярка передает только цифры, то есть цена уже другая. При смене регулярки на передачу и точки, в ценность ничего не передается. Разделитель в отчетах Analytics запятая, но при замене точки на запятую тоже передаются нули. Как это реализовать, чтобы передавались и дробные числа? Последний скрипт с заменой точки на запятую и передачей цифр и запятой выглядел так 

    function() {

    var s={{order_price}};

    s=s.replace('.', ',');

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

    return s;

    }

  2. 2 месяца назад

    Добрый день! Все настроил события фиксирую но ценность события не передается. Скажите, стоимость/цену сразу должно показывать в отчетах ? или время нужно?

    Вот скриншот

    http://prntscr.com/niocfp


  3. 2 месяца назад

    Добрый день, настроил по вашему материалу, и при заказе не сумму например 330,00 грн

    в аналитику попадает цифра 33000. Подскажите как это исправить что бы  сумма передавалась с правильной запятой?


    • Вадя Дядя
      2 месяца назад

      Здравствуйте!

      Спасибо за вопрос. Попробуйте создать переменную типа "Собственный код JavaScript":


      function() {

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

      return(s.slice(0,-2));

      return Number(s);

      }

      Ваша переменная - это переменная, которая даёт значение "33000".

      -2 - это количество символов, которые необходимо удалить, в Вашем случае это 2 символа.


      В теге Вы тогда будете передавать именно эту новосозданную переменную.

  4. 4 месяца назад

    Николай,

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

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

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

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

    Спасибо 

    • Viktor SK
      4 месяца назад

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


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

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

      • Николай Зуб
        4 месяца назад

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

        1. http://prntscr.com/mxug1u

        2. http://prntscr.com/mxugvr


        • Viktor SK
          4 месяца назад

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

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

          • Николай Зуб
            4 месяца назад

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

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

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

            http://prntscr.com/my79fm

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

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

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

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

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

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

            • Viktor SK
              4 месяца назад

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

              function() {

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

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

              return Number(s);

              }

  5. 4 месяца назад
    Здравствуйте! А какую задавать ценность цели, чтобы подтягивалась сумма заказа? как у вас на скрине с аналитикса
  6. 4 месяца назад
    Спасибо. Крутая статья!
  7. 4 месяца назад
    спасибо за весьма своевременный в моем случае материал!
    • Alexander Parkhomenko
      4 месяца назад

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

      • Николай Зуб
        4 месяца назад

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

        • Alexander Parkhomenko
          4 месяца назад

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


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

  8. 4 месяца назад

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

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

    • Глеб
      4 месяца назад

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


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

  9. 4 месяца назад

    Добрый день.

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

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

    Спасибо.

    function() {

    var s={{price}};

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

    return Number(s);

    }




    • Dmitry Rogozin
      4 месяца назад

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


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

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

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


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

  11. 4 месяца назад

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

Чтобы оставить комментарий, нужно войти

Подписаться

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

Самое

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

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