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

Как правильно передать информацию в GA через присваиванию имени в GTM

Бакалавр ✭

Здравствуйте! Продолжаю вести свой блог по настройке Электронной коммерции! )
Вопрос следующий, по этапам совершению покупки через PayPal!

И так...

Есть корзина, там есть кнопка PayPal. Когда нажимаешь на нее (step 1), открывается в том же окне страница ПайПала, когда жмешь Confirm на странице ПайПала, открывается страница моего сайта /payment/paypal/confirm (step 2) с которой происходит редирект на страницу .../complete (step 3, последняя страница при оформлении покупки).

Вопрос!

Как на одной странице (/payment/paypal/confirm) отправить два шага: 

ga("ec:setAction", "checkout", {step: 2, option: "PayPal"}) и следующий шаг

ga("ec:setAction", "checkout", {step: 3})

 

P.S. В разделе head установлен стандартный код отслеживания, а также подключен настроенный JS файл расширенной электронной коммерции

 

хочу сделать:

ga("ec:addProduct", {id: "id", name: "name", category: "category", brand: "brand", variant: "variant", position: 0, price: 0.01, quantity: 1})
ga("ec:setAction", "checkout", {step: 2, option: "PayPal"})
ga("send", "event", "Checkout", "Option", "PayPal")

 

//далее присваиваем имя нашему ID, для того, чтобы отправить информацию о следующем шаге.

ga('create', 'UA-XXXXX-Y', {name: "gtm1465820302022"});
ga('gtm1465820302022.require', 'ec');

ga("gtm1465820302022.ec:addProduct", {id: "id", name: "name", category: "category", brand: "brand", variant: "variant", position: 0, price: 0.01, quantity: 1})
ga("gtm1465820302022.ec:setAction", "checkout", {step: 3})

ga("gtm1465820302022.send", "pageview")

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

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

Re: Как правильно передать информацию в GA через присваиванию имени в

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

На странице с карточкой товара при нажатии кнопки добавить в корзину (купить) передаем данные о добавляемом товаре:

ga("ec:addProduct", {id: "id", name: "name", category: "category", brand: "brand", variant: "variant", position: 0, price: 0.01, quantity: 1})
Передаем событие, с которым эти данные уйдут

>Корзина

>Жмем кнопку PayPal -> отправляем Step 1

Если событие должно сформироваться по нажатию кнопке , то на событие onclick этой кнопке вешаем:
ga("ec:setAction", "checkout", {step: 1}); и передаем так же с событием.

>Жмем кнопку Confirm в PayPal -> открывается временная страница на моем сайте, и тут >нужно указать шаг 2, его опцию, и указать следующий шаг.

На странице устанавливаем:
ga("ec:setAction", "checkout", {step: 2, option: "PayPal"});

ga("send", "pageview");

>Далее редирект автоматически перенаправляет на последнюю страницу оплаты, где >загружается опция последнего шага ну и сама оплата

Если это ваша страница, то на ней:

ga("ec:setAction", "checkout", {step: 3});
ga("send", "pageview");


И на странице спасибо уже

ga('ec:setAction', 'purchase'....

 

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


Все ответы

Re: Как правильно передать информацию в GA через присваиванию имени в

Ведущий участник
Добрый день.
Поясните, зачем используете имя в GTM?
Если используете GTM, то передавайте данные через dataLayer и пользовательские события, если используете обычную расширенную торговлю в UA, то на одной странице после каждого шага 2 и 3 нужно передать событие
(Данные электронной торговли можно передать только с существующим обращением, например просмотром страницы (pageview) или событием (event))

Re: Как правильно передать информацию в GA через присваиванию имени в

Бакалавр ✭

Добрый вечер, Андрей!

 

Использую обычную расширенную торговлю в UA! Указал имя в GTM, потому что так используется на сайте примере от GA (https://enhancedecommerce.appspot.com/)

Я не сильно в этом понимаю, поэтому решил спросить (уточнить)!

 

Тогда мне можно использовать!?:

ga("ec:addProduct", {id: "id", name: "name", category: "category", brand: "brand", variant: "variant", position: 0, price: 0.01, quantity: 1})
ga("ec:setAction", "checkout", {step: 2, option: "PayPal"})
ga("send", "event", "Checkout", "Option", "PayPal") //отправляем событие с опцией шага 2

 

 

ga("ec:addProduct", {id: "id", name: "name", category: "category", brand: "brand", variant: "variant", position: 0, price: 0.01, quantity: 1})
ga("ec:setAction", "checkout", {step: 3})

ga("send", "pageview")

Re: Как правильно передать информацию в GA через присваиванию имени в

Ведущий участник
если вы не используете GTM, то да.
Если используете GTM, то лучше посмотрите примеры с использованием dataLayer тут:
https://developers.google.com/tag-manager/enhanced-ecommerce
Это у вас для заказа в один клик будет?

Re: Как правильно передать информацию в GA через присваиванию имени в

Бакалавр ✭

нет. Какие шаги, конкретно покупки через PayPal

Корзина

Жмем кнопку PayPal -> отправляем Step 1

Загружается страница PayPal’a

Жмем кнопку Confirm в PayPal -> открывается временная страница на моем сайте, и тут нужно указать шаг 2, его опцию, и указать следующий шаг. Далее редирект автоматически перенаправляет на последнюю страницу оплаты, где загружается опция последнего шага ну и сама оплата

 

Re: Как правильно передать информацию в GA через присваиванию имени в

Бакалавр ✭
все это нужно реализовать средствами обычной расширенной электронной торговли (вот документация на нее https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce)
Лучший ответ.
Решение
Утвердил автор темы Andrey S
июня 2016

Re: Как правильно передать информацию в GA через присваиванию имени в

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

На странице с карточкой товара при нажатии кнопки добавить в корзину (купить) передаем данные о добавляемом товаре:

ga("ec:addProduct", {id: "id", name: "name", category: "category", brand: "brand", variant: "variant", position: 0, price: 0.01, quantity: 1})
Передаем событие, с которым эти данные уйдут

>Корзина

>Жмем кнопку PayPal -> отправляем Step 1

Если событие должно сформироваться по нажатию кнопке , то на событие onclick этой кнопке вешаем:
ga("ec:setAction", "checkout", {step: 1}); и передаем так же с событием.

>Жмем кнопку Confirm в PayPal -> открывается временная страница на моем сайте, и тут >нужно указать шаг 2, его опцию, и указать следующий шаг.

На странице устанавливаем:
ga("ec:setAction", "checkout", {step: 2, option: "PayPal"});

ga("send", "pageview");

>Далее редирект автоматически перенаправляет на последнюю страницу оплаты, где >загружается опция последнего шага ну и сама оплата

Если это ваша страница, то на ней:

ga("ec:setAction", "checkout", {step: 3});
ga("send", "pageview");


И на странице спасибо уже

ga('ec:setAction', 'purchase'....

 

Re: Как правильно передать информацию в GA через присваиванию имени в

Бакалавр ✭
Большое спасибо, Андрей!
Я так понимаю, checkout_option не обязательно указывать после каждого шага, если и так знаю что это за шаг!? можно просто использовать ga("ec:setAction", "checkout", {step: 1-3, option: "бла-бла-бла"}); на каждом шаге!? и после каждого шага в конце ga("send", "event" ....

Re: Как правильно передать информацию в GA через присваиванию имени в

Ведущий участник
option - нужно, если есть опции выбора на странице и вы хотите знать, что было выбрано пользователями. Вы можете вообще его не передавать, тогда код будет выглядеть так:
ga('ec:setAction','checkout', {'step': 2});
ga('send', 'pageview');

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