Сейчас в сети: 1K
Настройка целей, отслеживание электронной торговли, многоканальные последовательности и тд
Подсказки
star_border
Ответить

Настройка расширенной электронной торговли

Студент ✭ ✭ ✭

Добрый день.

 

Хотелось бы настроить расширенную электронную торговлю. Это мой первый опыт, поэтому заранее прошу прощение, если буду "тормозить".

 

Настраивать будем через GTM.

Хотелось бы отслеживать всю информацию о товаре и его "путешествии" до "спасибо за покупку".

 

Буду перечислять по пунктам, поправьте, если где-то ошибусь

 

1) Это должен сделать веб-мастер:

 

На странице каждого товара нужно до кода GTM разместить шаблон такого кода:

 

<script>
dataLayer.push({
  'ecommerce': {
    'detail': {
       'products': [{
        'name': 'Название товара',
        'id': 'Артикул товара',
        'price': '15.25', // стоимость товара
        'brand': 'Google', //Производитель
        'category': 'Apparel', //Категория товара
        'variant': 'Gray' // Вариант товара
       }]
     }
   }
});
</script>

 

Когда добавили товар в корзину, необходимо, чтобы сработал код по такому шаблону:

dataLayer.push({
  'event': 'AddToCart',
  'ecommerce': {
    'currencyCode': 'RUB',
    'add': {            
      'products': [{
        'name': 'Название товара',
        'id': 'Артикул товара',
        'price': 'Стоимость товара',
        'brand': 'Производитель или бренд',
        'category': 'Категория товара',
        'variant': 'Вариант',
        'quantity': 1 //Количество добавленных товаров в корзину
       }]
    }
  }
});

 

На странице корзины при удалении товара, необходимо, чтобы сработал код по такому шаблону:

 

dataLayer.push({
  'event': 'RemoveFromCart',
  'ecommerce': {
    'currencyCode': 'RUB',
    'remove': {            
      'products': [{
        'name': 'Название товара',
        'id': 'Артикул товара',
        'price': 'Стоимость товара',
        'brand': 'Производитель или бренд',
        'category': 'Категория товара',
        'variant': 'Вариант',
        'quantity': 1 //Количество добавленных товаров в корзину
       }]
    }
  }
});

 

 Если же в корзине товар "восстановили", необходимо, чтобы сработал код:

 

dataLayer.push({
  'event': 'RecoverTheGoods',
  'ecommerce': {
    'currencyCode': 'RUB',
    'add': {            
      'products': [{
        'name': 'Название товара',
        'id': 'Артикул товара',
        'price': 'Стоимость товара',
        'brand': 'Производитель или бренд',
        'category': 'Категория товара',
        'variant': 'Вариант',
        'quantity': 1 //Количество добавленных товаров в корзину
       }]
    }
  }
});

 

Нужно ли что-то прописывать при:

  • нажатии на кнопку "оформить заказ" на странице корзины (/cart)
  • нажатии кнопки "отправить" на странице оформления заказа (/orders/new)
  • на странице "Ваш заказ оформлен" (complete=true)

3й пункт особенно интересует.

 

Веб-мастер сам должен знать, как подставить реальные данные вместо тестовых?

 

2) Это должен сделать я, как специалист по контексту:

 

Прописать соответствующие теги в GTM:

 

1. Просмотр страницы товара: Тег Google.Analytics с типом отслеживания "Просмотр страницы". В нем поставить вот такие галочки: http://prntscr.com/9p25zz

Активация тега: на всех страницах

 

2. Добавление товара в корзину: Тег Google Google.Analytics с типом отслеживания "Событие". ВВ настройках этого тега тоже включаем галочки - http://prntscr.com/9p25zz

Активация тега по правилу: http://prntscr.com/9p26wa

 

3. Удаление товара из корзины: Тег Google Google.Analytics с типом отслеживания "Событие". В настройках этого тега тоже включаем галочки - http://prntscr.com/9p25zz

Активация тега по правилу: http://prntscr.com/9p275n

 

4. Восстановление товара: идентично пункту 2

 

 

Нужно ли включать электронную торговлю в настройках GA http://prntscr.com/bb0f7x?

 

 

Буду благодарен за любые комментарии, поправки и советы по данному вопросу.

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

 

Спасибо!

2 Ответ экспертаverified_user

Утвержденные решения
Лучший ответ.
Решение
Утвердил автор темы Григорьев К
июня 2016

Re: Настройка расширенной электронной торговли

Ведущий участник

В копилку опыта. почитайте топик https://www.ru.advertisercommunity.com/t5/Otslezhivanie-tseley-i-Elektronnaya/Ne-poluchaetsya-nastro... , много полезного.

 

Если Олег не против, отвечу на часть вопросов.

 

Завтра у нас появится новый товар Flexigen T-Shirt. И код преобразуется в 

 

id": "9bdd2",
      "name": "Название товара - переменная",
      "price": "Цена товара - переменная",
      "brand": "Бренд переменная",
      "category": "Категория - переменная,
    

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

 

  • dataLayer ставится до кода GTM. И инициализируется за счет отправки самого кода GTM,
  • dataLayer.push ставится после кода GTM. Инициализируется за счет .push?

В общих чертах да

 

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

C уважением,
Павел

Просмотреть решение в исходном сообщении


Все ответы

Re: Настройка расширенной электронной торговли

Ведущий участник

 

Нужно ли что-то прописывать при:

  • нажатии на кнопку "оформить заказ" на странице корзины (/cart)

  • нажатии кнопки "отправить" на странице оформления заказа (/orders/new)

 Если будете отслеживать этапы корзины (при наличии) то да

 

  • на странице "Ваш заказ оформлен" (complete=true)

 

Тут надо генерировать транзакцию

Веб-мастер сам должен знать, как подставить реальные данные вместо тестовых?

Скорее программист, а при отсутсвии, тот кто умеет получить эти данные через GTM. Но скорее программист должн добавить дополнительные данные, так как часто - они не всегда находятся в нужных местах;

 

Нужно ли включать электронную торговлю в настройках GA http://prntscr.com/bb0f7x?

Нужно

 

 


Насчет "восстановить" товар - не уверен , не делал.
В остальном Вы правильно понимаете.
Но это не все "примочки" аналитики
Есть еще промоакции, промокоды, не вписали транзакцию, просмотр списка категорий.
Вот  вполне себе гайд - справка 

https://developers.google.com/tag-manager/enhanced-ecommerce

C уважением,
Павел

Re: Настройка расширенной электронной торговли

Восходящие звезды

Я тут недавно писал ТЗ по настройке e-com для разработчиков. Может Вам чем-то поможет:

https://goo.gl/Lb3jIe

 

Просто скачайте его себе на комп и откройте в браузере

---------
С уважением Олег Поддубный

Re: Настройка расширенной электронной торговли

Студент ✭ ✭ ✭

Спасибо, Олег.
Да, вроде бы помогает.
Только возникли вопросы:

1) если, например, на странице результата поиска показывается 2 товара + ниже 2 "рекомендуемых". тогда кода будет выглядеть так?

 

dataLayer.push({
  "ecommerce": {
    "currencyCode": "RUB", // Код валюты в формате ISO 4217
    "impressions": [{
      "id": "id1",                //ID Товара в базе данных - Обязательно
      "name": "name1",    // Название товара - Обязательно
      "price": "price1",             // Цена товара
      "brand": "brand1",           // Бренд товара, если такой есть
      "category": "category1",       // Категория товара
      "position": 1,                // Позиция товара в блоке на сайте. Нумерация идет слева на право и снизу вверх.
      "list": "Search Results"            // Блок на сайте, где был отображен товар
    },
    {
      "id": "id2",
      "name": "name2",
      "price": "price2",
      "brand": "brand2",
      "category": "category1", 
      "position": 2,
      "list": "Search Results"
     },
    {
      "id": "id3",
      "name": "name3",
      "price": "price3",
      "brand": "brand3",
      "category": "category1", 
      "position": 1,
      "list": "Recommended"
    },
    {
      "id": "id4",
      "name": "name4",
      "price": "price4",
      "brand": "brand4",
      "category": "category1", 
      "position": 2,
      "list": "Recommended"
      }],
  }
});

 

2) а если число товаров на странице изменяется, то как должен генерироваться код?

 

3) вопрос по информации о товаре: она должна откуда то подтягиваться автоматически, разработчики сайта сами это должны настроить?

 

4) как будет выглядеть код на странице карточки товара, если ниже присутствуют товары "смотрели ранее"? В одной из смежных тем я прочитал, что "код просмотра карточки товара необходимо разместить до кода GTM", а в вашем ТЗ, под пунктом 2, написано " необходимо на всех страницах сайта, где отображаются товары установить следующий шаблон кода после тега GTM"

 

5) что нужно прописывать в GTM для показа товара и карточки товара (в вашем ТЗ пункты 2 и 4)?

Достаточно ли "Тега Google.Analytics с типом отслеживания "Просмотр страницы". В нем поставить вот такие галочки: http://prntscr.com/9p25zz. Активация тега: на всех страницах." ?

 

Извиняюсь за такое количества вопросов =)

Re: Настройка расширенной электронной торговли

Студент ✭ ✭ ✭

Павел, спасибо.

Несколько вопросов:

Нужно ли что-то прописывать при:

  • нажатии на кнопку "оформить заказ" на странице корзины (/cart)

  • нажатии кнопки "отправить" на странице оформления заказа (/orders/new)

 Если будете отслеживать этапы корзины (при наличии) то да

 

  • на странице "Ваш заказ оформлен" (complete=true)

 

Тут надо генерировать транзакцию

 


как будут выглядеть эти фрагменты и что нужно будет прописать в GTM/GA ?

 

Спасибо!

Re: Настройка расширенной электронной торговли

Ведущий участник
Приветствую. Я приводил ссылку на документацию. Смотрите разделы Measuring Checkout Options и Checkout Funnel Configuration. Вы должны передать step. Самый лучший вариант - сделать это вместе с программистом (касается всего а не только корзины). Потому как, даю 99,9 % что по умолчанию всех данных Вы не найдете используя только GMT возможности, или это будет костыль на костыле. Что касается показов в категориях , информация не секретная - но не на виду, размер передаваемой информации за раз должен быть размером не более 8 Кб. У меня например - 60 товаров в разделе, и не влазит.
C уважением,
Павел

Re: Настройка расширенной электронной торговли

Восходящие звезды
1) Да. Все верно;
2) Тогда и код будет меняться, или при открытии новых товаров в GTM пушиться новые товары что показались;
3) Из базы данных сайта. Это реализуют разработчики;
4) Можно и до и после ставить. Просто от того где он стоит меняется способ его прописывания. Или без пуша, или с пушом; Пример реализации можно подсмотреть тут: https://enhancedecommerce.appspot.com/
5) Да. Этого будет достаточно. Но если товар показывается при открытии дополнительного окна, или доп прогрузки страницы, то пушить даталеер нужно будет через событие.
---------
С уважением Олег Поддубный

Re: Настройка расширенной электронной торговли

Студент ✭ ✭ ✭

Прошу прощения, Олег, я не совсем понимаю некоторые моменты

 

2) рассмотрим на примере. сегодня в категории "T-Shirts" два товара: Compton T-Shirt и Comverges T-Shirt. тогда код будет выглядеть следующим образом:

 

dataLayer.push({
  "ecommerce": {
    "currencyCode": "USD",
    "impressions": [{
      "id": "9bdd2",
      "name": "Compton T-Shirt",
      "price": "44.00",
      "brand": "Compton",
      "category": "T-Shirts",
      "position": 0,
      "list": "homepage"
    },
    {
      "id": "f6be8",
      "name": "Comverges T-Shirt",
      "price": "33.00",
      "brand": "Comverges",
      "category": "T-Shirts",
      "position": 1,
      "list": "homepage"
    }]
    }
});

Завтра у нас появится новый товар Flexigen T-Shirt. И код преобразуется в 

 

dataLayer.push({
  "ecommerce": {
    "currencyCode": "USD",
    "impressions": [{
      "id": "9bdd2",
      "name": "Compton T-Shirt",
      "price": "44.00",
      "brand": "Compton",
      "category": "T-Shirts",
      "position": 0,
      "list": "homepage"
    },
    {
      "id": "f6be8",
      "name": "Comverges T-Shirt",
      "price": "33.00",
      "brand": "Comverges",
      "category": "T-Shirts",
      "position": 1,
      "list": "homepage"
    },
    {
      "id": "b55da",
      "name": "Flexigen T-Shirt",
      "price": "16.00",
      "brand": "Flexigen",
      "category": "T-Shirts",
      "position": 2,
      "list": "homepage"
    }]
    }
});

собственно, сам вопрос в том, как так код преобразуется, как он находит товары (и информацию о них) на сайте? 

Надо следить за обновлениями на сайте и вносить изменtyия самому?

или нет. Он сам найдет новые товары и "допишет" код? Как это происходит?

Если Вы скажете "он сам, автоматически, без вмешательства, не заморачивайся" - все гут, я вздохну с облегчением и не буду ломать голову=)

Но тогда у меня возникает вопрос, если код сам находит товары на странице, то какой он должен быть изначально, при первом размещении на странице?

 

4) правильно ли я понял:

  • dataLayer ставится до кода GTM. И инициализируется за счет отправки самого кода GTM,
  • dataLayer.push ставится после кода GTM. Инициализируется за счет .push?

 

 Новый вопрос:

Т.е. транзакция ("event": "transaction") совершается, например, на копке "подтвердить заказ" на предпоследнем этапе? Просто я думал, транзакция инициализируется на странице "спасибо за заказ".

Что тогда указывать на странице "спасибо за заказ"?

 

Спасибо Вам, Олег, за помощь!

 

P.S. Не сочтите за наглость. Это единственный формат диалога?

Просто он получается немного затянут, а мне бы хотелось разобраться в этой теме побыстрее.

 

Лучший ответ.
Решение
Утвердил автор темы Григорьев К
июня 2016

Re: Настройка расширенной электронной торговли

Ведущий участник

В копилку опыта. почитайте топик https://www.ru.advertisercommunity.com/t5/Otslezhivanie-tseley-i-Elektronnaya/Ne-poluchaetsya-nastro... , много полезного.

 

Если Олег не против, отвечу на часть вопросов.

 

Завтра у нас появится новый товар Flexigen T-Shirt. И код преобразуется в 

 

id": "9bdd2",
      "name": "Название товара - переменная",
      "price": "Цена товара - переменная",
      "brand": "Бренд переменная",
      "category": "Категория - переменная,
    

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

 

  • dataLayer ставится до кода GTM. И инициализируется за счет отправки самого кода GTM,
  • dataLayer.push ставится после кода GTM. Инициализируется за счет .push?

В общих чертах да

 

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

C уважением,
Павел

Re: Настройка расширенной электронной торговли

Восходящие звезды
@demureless Всегда пожалуйста)))

Дело в том, что этот код не пишется руками лично Вами. Это делает программист внутри CMS и те что он там нашаманит внутри CMS само при обновлении будет подтягивать показанные товары. Сам код, как уже было сказано, это просто шаблон.
Какой код будет изначально в CMS Я, увы вам не подскажу, так как программированием CMS не занимаюсь
По сути весь код E E-com состоит из небольших блоков в которых передается информация о товаре в Google Analytics.
---------
С уважением Олег Поддубный