Увага! Графік роботи служби підтримки у святкові дні:

7 - 9 січня - вихідні дні.

Для того, щоб спростити запити та покращити якість обслуговування, ми використовуємо систему заявок.

Кожній заявці надається унікальний номер, який можна використовувати для відстеження стану та відповідей онлайн.

Для того щоб почати, просто зареєструйтесь або увійдіть до облікового запису.

© OCTemplates

OCTemplates - Analytics&E-commerce

Для того, щоб налаштувати відстеження електронної комерції "Google Аналітика", наша команда створила спеціальний модуль.

Тепер вам не потрібно вбудовувати події та цілі в код шаблону, все відбувається автоматично.

Даний модуль дозволить вам отримати більш точну картину життєдіяльності інтернет-магазину та відстежити якість будь-якого каналу трафіку, відстежити популярні категорії, бачити продажі популярних товарів або популярних виробників.

 

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

Якщо ви плануєте використовувати цей модуль, вам потрібно відключити раніше встановлені лічильники Google Analytics, це пов'язано з тим, що модуль автоматично вставляє код відстеження шаблону.

Електронна комерція дозволить вам відстежувати:

  • Замовлення
  • Популярні товари, категорії та бренди
  • Товари, які додають до кошика
  • Замовлені товари

В якості демонстрації, у цій статті ми покажемо як налаштувати цілі наступних подій: 

  • Клік на кнопку "Додати до кошика"
  • Клік на кнопку"Зворотний дзвінок"
  • Клік на кнопку модуля "Купити в один клік"
  • Клік на кнопку "Оформлення замовлення"в модулі швидкого оформлення замовлення

 

Для активації модуля перейдіть в розділ  "Модулі" \ "Статистика" та активуйте модуль "OCTemplates - Analytics&E-commerce"

Бо в російськомовному сегменті популярніший сервіс "Яндекс Метрики", перша частина статті піде саме про нього.

 

Налаштування електронної комерції та цілей у "Google Analytics"

 

Увага! Якщо у вас новий інтерфейс Google Analytics 4 (Google Аналітика 4) - скопіюйте індентифікатор відстеження в Google Analytics і виконайте лише пункти 5 та 7 (інші можете пропустити).

 

 

1. Увійдіть до особистого кабінету Google Analytics, створіть "Новий ресурс"

 

 

2. Скопіюйте індентифікатор відстеження

 

 

3. Перейдіть до розділу Електронна торгівля:

 

 

4. Збережіть налаштування електронної торгівлі

 

 

5. Збережіть налаштування Google Analytics у модулі аналітики:

 

 

6. Тепер можна перейти до налаштування цілей. Поверніться на сторінку Google Analytics, перейдіть до розділу "Цілі".

 

 

Додайте 4 цілі:

  • Назва: Додати до кошика(Категорія: shop ; Дія: AddProduct)
  • Назва: Зворотний дзвінок(Категорія: shop;  ідентифікатор: pressbutton)
  • Назва: Купити в один клік(Категорія: shop; ідентифікатор: oneclickevent)
  • Назва: Оформлення замовлення(Категорія: shop;  ідентифікатор: checkoutadd)

 

Щоб додати ціль, натисніть кнопку "+ МЕТА" 

 

 

Розглянемо докладніше процес створення мети на прикладі мети "Додавання в кошик"

 

 

Виберіть тип мети:

 

 

Вкажіть назву мети:

 

 

Вкажіть категорію та дію мети

 

 

Після того, як ви додасте всі 4 цілі в Google, ваша сторінка з цілями виглядатиме приблизно так:

 

 

7. Перейдіть в налаштування модуля "OCTemplates - Analytics&E-commerce" у вкладку "Налаштування цілей".

Додайте 4 цілі, вказавши такі дані, та збережіть налаштування модуля:

(Якщо ви раніше налаштовували цілі Яндекс.Метрики, просто додайте в поле "Категорія" - shop і увімкніть Google Analytics)

Увага! Якщо ви використовуєте модуль оформлення замовлення Simple:

 У пункті 4 у полі Атрибут, замість "#button-go" пропишіть селектор: "#button-confirm,  , 0, 0);">#simplecheckout_button_confirm, .simplecheckout-button-right, #simplecheckout-button-right "

 

1. Додати до кошика

Атрибут: .button-cart, #button-cart

Дія: AddProduct

 

2. Зворотний дзвінок

Атрибут: #uptocall-mini

Дія: pressbutton

 

3. Купити в один клік

Атрибут: .button-one-click

Дія: oneclickevent

 

4. Оформлення замовлення

Атрибут: #button-go

Дія: checkoutadd

 

 

Тепер у сервіс Google Аналітика передаватимуться дані про цілі, які ви додали, та дані електронної комерції.

Голос (41) (0)

Коментарі



Elporte Elporte @elporte

Отличный модуль, молодцы!

Відповідь написано: 22 жовтня 2018 16:16
Дмитрий Дмитрий

Респект за модуль, иду обновляться!

Відповідь написано: 02 листопада 2018 22:16
Евгений Евгений

Благодарю!
Решили мою головную боль! ;)

Відповідь написано: 04 листопада 2018 14:51
Анатолий Анатолий

Просто респектище, низкий поклон и за модуль и за статью. Вы решили мою главную головную боль - конверсия купить в 1 клик в яндексе.

Відповідь написано: 06 листопада 2018 13:24
rozario888 rozario888 @rozario888

Сделал настройку, посмотрим как сработает) За подробную и доступную инструкцию - благодарочки!

Відповідь написано: 25 листопада 2018 13:46
Николай Николай @dnved

Теперь Ваш шаблон, мне еще больше нравиться! =)

Відповідь написано: 08 грудня 2018 14:23
Илья Илья @IluaTsvetkov

Добрый вечер. Скажите а данный модуль электронной коммерции не только вешает события в аналитикс но и передает реальные данные просмотров товара и всех шагов? Не нужно вносить код расширенной электронной торговли на сайт? Данный скриншот с отчета GA->электронная коммерция.

Відповідь написано: 22 грудня 2018 23:09
Денис Денис

Подскажите, а данные электронной коммерции (товар, наименование и тд) будут подтягиваться автоматом? Никаких больше доп. настроек делать не нужно?

Відповідь написано: 23 грудня 2018 18:39
Dmytro Dmytro @octemplates
Илья, 22 декабря 23:09

Добрый вечер. Скажите а данный модуль электронной коммерции не только вешает события в аналитикс но и передает реальные данные просмотров товара и всех шагов? Не нужно вносить код расширенной электронной торговли на сайт? Данный скриншот с отчета GA->электронная коммерция.

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

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

Відповідь написано: 24 грудня 2018 08:22
Dmytro Dmytro @octemplates
Денис, вчера 18:39

Подскажите, а данные электронной коммерции (товар, наименование и тд) будут подтягиваться автоматом? Никаких больше доп. настроек делать не нужно?

Да, нужно просто настроить все как написано в этой статье и включить электронную коммерцию в настройках аналитики.

Відповідь написано: 24 грудня 2018 08:22
Данил Данил

Для оформления заказа с модулем Simple использовал селекторы: .simplecheckout-button-right, #simplecheckout-button-right .

#simplecheckout_button_confirm - не срабатывал.

Відповідь написано: 07 cічня 2019 13:14
Dmytro Dmytro @octemplates
Данил, 07 января 13:14

Для оформления заказа с модулем Simple использовал селекторы: .simplecheckout-button-right, #simplecheckout-button-right .

#simplecheckout_button_confirm - не срабатывал.

Это зависит от метода оплаты, добавил информацию в статью.

Відповідь написано: 10 cічня 2019 11:11
Denis Denis @dvasimov

Здравствуйте. Подскажите, пожалуйста, когда можно будет добавлять Facebook Pixel? Или его коды можно будет добавить с Яндексом или Гуглом?

Відповідь написано: 17 лютого 2019 19:42
Dmytro Dmytro @octemplates
Denis, вчера 19:42

Здравствуйте. Подскажите, пожалуйста, когда можно будет добавлять Facebook Pixel? Или его коды можно будет добавить с Яндексом или Гуглом?

Добрый день.

Можете добавить пиксель вместе с яндекс метрикой и аналитикой от гугла.

Відповідь написано: 18 лютого 2019 07:36
Александр Александр

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

Хочу задать глупый вопрос: (Если вы ранее настраивали цели Яндекс.Метрики, просто добавьте в поле "Категория" - shop и включите Google Analytics)

в итоге, при настройке яндекса и гугла, в поле категория должна быть одна надпись: shop или cart, shop ?

Відповідь написано: 28 березня 2019 10:37
Dmytro Dmytro @octemplates
Александр

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

Хочу задать глупый вопрос: (Если вы ранее настраивали цели Яндекс.Метрики, просто добавьте в поле "Категория" - shop и включите Google Analytics)

в итоге, при настройке яндекса и гугла, в поле категория должна быть одна надпись: shop или cart, shop ?

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

Должно быть: shop

Категория указывается только при настройке GA

Відповідь написано: 02 квітня 2019 06:31
Александр Александр @SEO-FROG

Подскажите, почему в 5 шаге в админке в столбце "категории" указанно значение "cart" http://prntscr.com/npz9yd
далее, в аналитиксе указываем "shop"
и только в конце в 7 шаге возвращаемся в админку и тоже прописываем "shop".
Почему изначально в админке нельзя прописать "shop" ?

Відповідь написано: 17 травня 2019 23:06
Dmytro Dmytro @octemplates
Александр, 17 мая 23:06

Подскажите, почему в 5 шаге в админке в столбце "категории" указанно значение "cart" http://prntscr.com/npz9yd
далее, в аналитиксе указываем "shop"
и только в конце в 7 шаге возвращаемся в админку и тоже прописываем "shop".
Почему изначально в админке нельзя прописать "shop" ?

Добрый день, потому что, сначала инструкция по настройке яндекс метрики, а затем уже написано как настроить аналитику от Google.

Відповідь написано: 22 травня 2019 09:35
Юрий Юрий

Для корзины Simple:

"#simplecheckout_button_confirm, .simplecheckout-button-right, #simplecheckout-button-right" не цепляет, #simplecheckout_button_confirm тоже не работает.

Запросил поддержку от SImple, ниже ответ:

метрику надо прицеплять к кнопкам используемых модулей оплаты. Кнопка модуля может никогда не загрузиться и ее могут даже не нажать, а сразу нажать кнопку от модуля оплаты

 

Будет очень здорово, если поясните, что нужно сделать, что зацепить оформление заказа.

Відповідь написано: 23 липня 2019 11:30
Dmytro Dmytro @octemplates

Будет очень здорово, если поясните, что нужно сделать, что зацепить оформление заказа.

Модуль аналитики позволяет привязать действие к любой кнопки в магазине.

Обычно у модулей оплаты кнопка имеет id="button-confirm".

1. Открываете код кнопки метода оплаты в папке "/catalog/view/theme/oct_techstore/template/extension/payment"

2. Смотрите class или id кнопки используемого метода.

3. В поле "Атрибут", где у вас действие "checkoutadd" через запятую прописываете селектор кнопки метода оплаты.

Например может получится получится так:

#simplecheckout_button_confirm, .simplecheckout-button-right, #simplecheckout-button-right, #button-confirm

Відповідь написано: 01 серпня 2019 07:37
Юрий Юрий

Здравствуйте, получается, чтобы отследить нажатие на кнопку Фильтр, я делаю запись в Настройке целей:

Атрибут: #filter-button

Категория: shop

Действие: FilterOpen (или придумываю любое другое уникальное название)

Включаю Google Analitics и Yandex.Metrika

потом создаю цели в Яндексе и Google. Так?

Відповідь написано: 27 вересня 2019 14:46
Dmytro Dmytro @octemplates
Юрий, сегодня 14:46

Здравствуйте, получается, чтобы отследить нажатие на кнопку Фильтр, я делаю запись в Настройке целей

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

Да, все верно.

Відповідь написано: 27 вересня 2019 18:18
Yauhen Yauhen @Yauhen

Добавьте в модуль возможность установки Facebook pixel 
Тоже неотъемлемая часть как и Google Analitics с Yandex.Metrika

Відповідь написано: 18 грудня 2019 15:21
Dmytro Dmytro @octemplates
Yauhen, вчера 15:21

Добавьте в модуль возможность установки Facebook pixel 
Тоже неотъемлемая часть как и Google Analitics с Yandex.Metrika

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

Если нужно установить код pixel от facebook, его можно вставить в настройки шаблона в специальное поле "Свой JS код".

Відповідь написано: 19 грудня 2019 08:42
Danishevskiy Danishevskiy

Спасибо за отличную инструкцию. Хочу присоединиться к группе товарищей с глупыми вопросами. Подскажите (лучше со скриншотами), где взять идентификатор отслеживания в Google Analytics 4 ? Нигде, ни в одном публичном материале не могу найти эту информацию

Также непонятно это:

    Если нужно установить код pixel от facebook, его можно вставить в настройки шаблона в специальное поле "Свой JS код".

Можно пошаговую инструкцию? Будем очень, очень благодарны

Відповідь написано: 07 серпня 2022 07:55
Dmytro Dmytro @octemplates
Danishevskiy, учора 07:55

Спасибо за отличную инструкцию. Хочу присоединиться к группе товарищей с глупыми вопросами. Подскажите (лучше со скриншотами), где взять идентификатор отслеживания в Google Analytics 4 ? Нигде, ни в одном публичном материале не могу найти эту информацию

Также непонятно это:

    Если нужно установить код pixel от facebook, его можно вставить в настройки шаблона в специальное поле "Свой JS код".

Можно пошаговую инструкцию? Будем очень, очень благодарны

Доброго дня.

Подивіться тут інстукцію де взяти id GA4: лінк на інструкцію

Вставити код pixel можна в налаштуванні шаблону, вкладка "CSS - Javascript" https://rmdocs.octemplates.net/remarket-octemplates

Відповідь написано: 08 серпня 2022 16:26