Электронная коммерция в Google Analytics

Электронная коммерция в Google Analytics

В этой статье я хочу рассказать про еще одну полезную возможность сервиса Google Analytics — про то, как вести учет и получать статистику по заказам и покупкам товаров вашего интернет-магазина или сервиса, где есть оплата услуг или товаров.

Мы рассмотрим отдельный раздел сервиса Google Analytics — Ecommerce (электронная коммерция). С помощью небольшой модификации стандартного кода GA и профиля соответствующего сайта можно получать статистику по оплатам для вашего проекта: цену, показатель конверсии, средний чек, количество покупок, а так же анализировать трафик (например, откуда приходит самая «платящая» аудитория).

Эффективная контекстная рекламав Google, Yandex от компании Web-Promo.

Настройка профиля

Рассмотрим как настроить код для уже существующего профиля. Если профиля нет — создайте его. Обращаю внимание, что все скриншоты и действия происходят в новой версии интерфейса Google Analytics, переключиться в которую можно в верхнем правом меню сервиса.

Для начала выберите и зайдите в нужный вам сайт:

Электронная коммерция в Google Analytics 

Затем в правом углу верхней желтой полоски нажать на шестеренку:

Электронная коммерция в Google Analytics 

И на открывшейся страницы кликнуть на «Настройки профиля»:

Электронная коммерция в Google Analytics 

В настройках электронной торговли необходимо выбрать вариант «Я продаю онлайн. Включить отслеживание продаж». После этого можете выбрать валюту, в которой будет вестись учет и нажать «Применить».

Далее опять заходим в профиль нужного сайта («Мой сайт → Отчеты») и в левой колонке в разделе «Конверсия» находим пункт «Электронная торговля».

Электронная коммерция в Google Analytics

Все, теперь профиль сайта настроен, переходим к установке кода.

Получение и установка кода

Общий код Google Analytics должен быть установлен на всех страницах вашего сайта. Для передачи данных о произведенных транзакциях и отлаченных товарах или услугах необходимо добавить вот такой фрагмент кода на страницу удачной оплаты:

<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXX-X']);
_gaq.push(['_trackPageview']);

// Оплата
_gaq.push(['_addTrans',
'1234', // номер заказа
'Vremenno.net', // название партнера или магазина
'11.99', // итоговая суммарная стоимость заказа
'1.29', // налоги
'5', // стоимость доставки
'St.-Petersburg', // города доставки
'St.-Petersburg', // регион доставки
'Russia' // страна доставки
]);

// Товар (выводить для каждого товара из карзины)
_gaq.push(['_addItem',
'1234', // номер заказа
'DD1', // код товара (или SKU)
'Инструкция №1', // название товара
'Инструкции', // категория или версия
'11.99', // цена за единицу
'1' // количество единиц товара
]);

// Отправка данных
_gaq.push(['_trackTrans']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>

Разберем подробнее. _addTrans создает объект транзакции, в котором содержится основная информация об оплате (ниже указыны параметры в порядке, указанном в объекте):

  1. номер заказа: уникальный идентификатор оплаты; обязательный параметр;
  2. название партнера или магазина: необязательный параметр;
  3. итоговая суммарная стоимость заказа: только цифры и «.» в качестве разделителя; обязательный параметр;
  4. налоги: формат как у суммарной стоимости; необязательный параметр;
  5. стоимость доставки: формат как у суммарной стоимости; необязательный параметр;
  6. города доставки: необязательный параметр;
  7. регион доставки: необязательный параметр;
  8. страна доставки: необязательный параметр.

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

_addItem создает объект с данными об отдельном товаре, оплаченном в ходе указанной транзации. Создавать его необходимо для каждого отдельного товара. Принимает следующие параметры:

  1. номер заказа: в каком из заказов был оплачен;
  2. код товара (или SKU): идентификатор товара; обязательный параметр;
  3. название товара: необходимо для вывода статистики по товарам;
  4. категория или версия: необязательный параметр;
  5. цена за единицу: тот же формат, что и в итоговой стоимости; обязательный параметр;
  6. количество единиц товара; обязательный параметр. 

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

На этом заканчивается настройка и установка кода. Теперь вы можете смотреть и анализировать статистику по оплатам на вашем сайте.

Вопросы к читателям

Кто-нибудь уже использует Ecommerce в GA на своих проектах? Как впечатления? Есть ли опыт улучшения продаж за счет оценки данных статистики (например, анализ источников трафика и выявление самых высокодоходных)? Делимся опытом!

Расскажите друзьям

Оцените статью:
  • 1
  • 2
  • 3
  • 4
  • 5

Комментарии — 27

навигатор
Отличная статья. А про яндекс нет такой информации.
ПостИнсайд
Нужно попробывать для магазинчика.
Приколист
а насчет яндекса, так он со временем скопирует
Давид
Классная статья, спасибо, надо будет опробовать. А насчет Яндекса я тоже думаю, что скопирует. Я как протестирую постараюсь написать о результатах.
Антон Вредов
Спасибо, полезная штука. Надо будет поставить себе. А скопирует со временем не только Яндекс, другие тоже попытаются, но будет поздно.
Nailya
Да уже не раз слышала про возможности GA, но пользуюсь яндекс метрикой, она немного полегче во всех наворотах. Но могу сказать одно данные сервисы, во многом облегчают слежение за своим проектом.Анализ на основе данных из этих сервисов, позволяет реально взглянуть на позиции сайта.
Сергей
Пользуюсь ГА, но о данной функции не знал. Спасибо.
Сергей
Все никак руки не доходили до изучения данного раздела ГА. После этой подробной инструкции - обязательно попробую
Lyda
Спасибо,надо попробовать.
#
Lyda  
Анатолий
Спасибо, очень полезно, обязательно попробую на практике.
Денис
Скажите пожалуйста сколько товаров можно прописать в этом коде? Все товары что у меня есть в магазине?
#
Денис
Grin
Денис, у вас можно купить за раз сразу все товары? :)
Денис
нет, ну несколько можно. Я просто не понимаю какой именно код нужно вводить. Т.е получается если я введу это
_gaq.push(['_addItem',
'1234', // order ID - required
'DD44', // SKU/code - required
'T-Shirt', // product name
'Green Medium', // category or variation
'11.99', // unit price - required
'1' // quantity - required
то туда будут подствляться мои значения товаров? Я не могу понять этот момент
#
Денис
Grin
Каждая такая строка — отдельный товар. Вам нужно вставлять строки со своими значениями для order ID, Code, и так далее.
Денис
Я это понял. Получается что мой код будет состоять из таких блоков с _gaq.push(['_addItem', под каждый товар. Вот этот вопрос меня интересовал. Это получится не маленький код. Правильно?
#
Денис
Денис
Или это будет выглядеть так:
_gaq.push(['_addItem',
'1234', // order ID - required
'1235', // order ID - required
'1236', // order ID - required
'1237', // order ID - required
и так далее.
И так же прописываются и другие значения?
Если я вам тут написал много комментариев удалите. Я прошу прощения)
#
Денис
Grin
Нет, у вас должно быть вот так:
_gaq.push(['_addItem', 'item_id1', 'item_code1', 'item_name1', 'item_category2', 'item_price1', 'item_quant1']);
_gaq.push(['_addItem', 'item_id2', 'item_code2', 'item_name2', 'item_category2', 'item_price2', 'item_quant2']);
_gaq.push(['_addItem', 'item_id3', 'item_code3', 'item_name3', 'item_category3', 'item_price3', 'item_quant3']);
Денис
Вот это мне было нужно))) Спасибо большое за ваш ответ и быструю реакцию на комментарии!
#
Денис
мирослав
Вот я почитал все и коментарии тоже ,но так ничего и не понял что прописывать мне в этом коде???
Если кто может то пожалуйста обьясните подробнее?? Мне тоже все это надо реализовать а как не могу понять уже 5 часов головой бьюсь !
мирослав
вот это совсем не понятно!

Нет, у вас должно быть вот так:
_gaq.push(['_addItem', 'item_id1', 'item_code1', 'item_name1', 'item_category2', 'item_price1', 'item_quant1']);
_gaq.push(['_addItem', 'item_id2', 'item_code2', 'item_name2', 'item_category2', 'item_price2', 'item_quant2']);
_gaq.push(['_addItem', 'item_id3', 'item_code3', 'item_name3', 'item_category3', 'item_price3', 'item_quant3']);
мирослав
вот я в фале(подтверждения заказа) в самом низу прописал вот так вот ну кроме вот этого _gaq.push(['_setAccount', 'UЧЧЧХХХХХ']);



var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UЧЧЧХХХХХ']);
_gaq.push(['_trackPageview']);
_gaq.push(['_trackTrans']); //submits transaction to the Analytics servers
_gaq.push(['_addItem', 'item_id1', 'item_code1', 'item_name1', 'item_category2', 'item_price1', 'item_quant1']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();




проверьте пожалуйста что я не так сделал?
Сергей
А Вы могли бы привести пример всего кода?
#
Сергей
Юлия
На сайте (интернет-магазин) есть два способа заказа: обычный способ - через "корзину" и "заказ в 1 клик" - отправка заявки на товар через всплывающее окно. Как в таком случае настраивать электронную торговлю? для каждого способа заказа отдельно? как данные о заказах будут отображаться в отчёте? можно ли будет понять через какую форму сделан заказ?
#
Юлия
max
Есть вопрос.
Мы показываем сенкюпейдж после оплаты.
Оплата проходит через процессинг например Робокасса или Интеркасса. Они только предлагают пользователю вернуться на сайт магазина, соответственно многие пользователи проходят мимо сенкюпейджа. Т.к. они возвращаются на сайт напрямую а не кликают на ссылку "вернуться в магазин"

Вопрос: как внедрить GA e-com в нашем случае?
Спасибо.
#
max

Новый комментарий

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть

metin2 pvp metin2 pvp serverler pvp serverler