Analytics&E-commerce

Для того, чтобы настроить отслеживание электронной коммерции и аналитики "Яндекс Метрика" и "Google Аналитика", наша команда создала специальный модуль.

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

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

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

Если вы планируете использовать этот модуль, вам нужно отключить ранее установленные счетчики Yandex.Метрики или Google Analytics, это связано с тем, что модуль автоматически вставляет код отслеживания в шаблон.

Электронная коммерция позволит вам отслеживать:

  • Заказы
  • Популярные товары, категории и бренды
  • Товары, которые добавляют в корзину
  • Заказанные товары

В качестве демонстрации, в этой статье мы покажем как настроить цели следующих событий: 

  • Клик на кнопку "Добавить в корзину"
  • Клик на кнопку"Обратный звонок"
  • Клик на кнопку модуля "Купить в один клик"
  • Клик на кнопку "Оформление заказа"в модуле быстрого оформления заказа

Обратите внимание! Это демонстрация того, как можно легко создать отправку цели при клике на практически любой статический элемент на вашем сайте. Цели в аналитику отправляются исключительно при клике на кнопку/ссылку вызова формы, для этого необходимо указать селектор необходимого элемента который вы хотите отслеживать, подробнее о селекторах: http://htmlbook.ru/css/selector Цели не отправляются при заполнении или отправке форм, которые были подгружены динамически, например из popup-формы "обратный звонок" и т.д.

 

Для активации модуля перейдите в раздел "Модули" - "Аналитика" и активируйте модуль "OCTemplates - Analytics&E-commerce"

Так как в русскоязычном сегменте более популярен сервис "Яндекс Метрики", первая часть статьи пойдет именно о нем.

 

Настройка электронной коммерции и целей в "Яндекс Метрика"

1. Перейдите в редактирование модуля и выберите статус "Включено".

2. Перейдите во вкладку "Yandex.Metrika".

Войдите в личный кабинет Yandex.Metrika, создайте "Новый счетчик" перейдите в настройки счетчика и сохраните настройки, как указано на скриншоте:

Имя контейнера данных: dataMetrikLayer

3. Сохраните настройки Яндекс.Метрики в модуле аналитики:

Имя контейнера данных: dataMetrikLayer

4. Теперь можно перейти к настройке целей. Вернитесь на страницу Яндекс.Метрики, снова перейдите в настройки счетчика и выберите вкладку "Цели".

Нажмите на кнопку "Добавить цель".

Добавьте следующие 4 цели:

  • Добавление в корзину(идентификатор: AddProduct)
  • Обратный звонок(идентификатор: pressbutton)
  • Купить в один клик(идентификатор: oneclickevent)
  • Оформление заказа(идентификатор: checkoutadd)

5. Перейдите в настройки модуля "OCTemplates - Analytics&E-commerce" во вкладку "Настройка целей".

Добавьте 4 цели, указав следующие данные:

Внимание! Если вы используете модуль оформления заказа Simple:

 В пункте 4 в поле Атрибут, вместо "#button-go" пропишите селектор: "#simplecheckout_button_confirm, .simplecheckout-button-right, #simplecheckout-button-right"

 

1. Добавление в корзину

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

Действие: AddProduct

 

2. Обратный звонок

Атрибут: #uptocall-mini, .rm-phone-link

Действие: pressbutton

 

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

Атрибут: .rm-product-one-click-btn

Действие: oneclickevent

 

4. Оформление заказа

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

Действие: checkoutadd

6. Сохраните настройки модуля.

Теперь в сервис Яндекс.Метрика будут передаваться данные о целях, которые вы добавили, а также данные электронной коммерции.

 

Настройка электронной коммерции и целей в "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" пропишите селектор: "#simplecheckout_button_confirm, .simplecheckout-button-right, #simplecheckout-button-right"

 

1. Добавление в корзину

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

Действие: AddProduct

 

2. Обратный звонок

Атрибут: #uptocall-mini, .rm-phone-link

Действие: pressbutton

 

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

Атрибут: .rm-product-one-click-btn

Действие: oneclickevent

 

4. Оформление заказа

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

Действие: checkoutadd

Теперь в сервис Google Аналитика будут передаваться данные о целях, которые вы добавили, и данные электронной коммерции.