Яндекс метрика для Opencart 2

Вступление

Сбор статистики сайта магазина, связанной с посещениями и поведением пользователей, имеет большое значение для эффективной работы магазина и его продвижение в поисковой выдаче.

Чтобы реализовать сбор статистики, нужно установить счетчик Яндекс метрика на OpenCart 3. Но для начала нужно его создать и тем самым, создать своё хранилище данных веб-аналитики магазина.

настройка электронной коммерции яндекс метрики

11 октября 2021 команда Яндекс.Метрики представила обновление, которое упрощает такой процесс как настройка электронной коммерции на сайтах с популярными CMS. Теперь можно будет подключить данную опцию с помощью плагинов и без внесения изменений в код сайта. О том, для каких CMS добавлены плагины, для чего нужна электронная коммерция, что поможет улучшить плагин и как подключить интеграцию? Читайте далее в статье.

Новость в официальном блоге Яндекс.Метрики.

В 12.11.2018 в 19:25, toporchillo сказал:

Я занимался этим вопросом.

Метрика электронная коммерция очень нужна, если вы хотите оценить выгоду от рекламы, она позволяет увидеть, сколько денег (денег, а не только визитов/заказов) принесли источники трафика: поиск, директ, рассылки, соцсети , маркет — любые каналы и utm-метки.

Проблема в том, что для оформить все это в виде дополнения на продажу можно только при помощи ocmod, которое будет вносить изменения в шаблоны, а еще надо править javascript (которые через ocmod не правится), а еще другие ocmod конфликты вносят. Короче поддержка подобного дополнения трудозатратней, чем выгода от него.

Но вы можете попытать счаться с Y.CMS, там поддержка метрики вроде как заявлена.

Добрый день.

Скажите, в ручную приходилось интегрировать?

Вот документация от Яндекса:

https://yandex.ru/support/metrika/data/e-commerce.html

Помимо счетчика надо внедрить 3 или 4 Javascript на страницы сайта

1. На страницу товара (product.tpl) подстановка переменных условная, надо смотреть, что у вас там в контроллере

 ",
                    "name" : " ",
                    "price":  ,
                    "brand": " 

2. Дописать в common.js функцию addToCart, чтобы после того, как положили в корзину, вызывалось


3. Делаете так, чтобы в файле success.tpl вызывалось, переменные из контроллера тоже надо передавать


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

Данный плагин не заменяет ни одного файла в вашем движке!!!

Есть два варианта установки:
1 вариант
Вы извлекаете файлы из архива yandex.metrika.zip в корень сайта, заходите в админ панель в раздел «Аналитика» и активируете данный модуль, нажимаете кнопку «Редактировать» и вставляете код своего счетчика. Вуаля, профит!

2 вариант
Перед установкой откройте текстовым редактором файл yandex.metrika.ocmod.xml — замените в строке №8 надпись «НАЗВАНИЕ КАТАЛОГА ВАШЕЙ ТЕМЫ» на имя каталога с вашей темой находишийся по адресу catalog/view/theme — затем в строке №11 замените надпись «Код Вашего Счетчика» на сгенерированный код счетчика а нажмите кнопку сохранить.
Теперь файл ocmod готов для интегрции!

В админ панели заходите в раздел «Установка модулей», выбираете архив yandex.metrika.ocmod.zip, после установки заходите в раздел «Модификации», нажимаете кнопку «Очистить» и затем «Обновить»

Так же можно установить расширение и путем добавления нового модуля (синий плюс), скопировать содержимое файла yandex.metrika.ocmod.xml в окно ввода а нажать кнопку сохранить а затем обновить.

Настройка отслеживания Google Analytics Ecommerce и Яндекс Метрика Электронная Коммерция на Opencart 2 является первоочередной задачей специалиста по аналитике.Предлагаю вариант настройки, которая отнимет у вас не более 30 минут времени.

Если для вас настройка оказалась сложной или непонятной — вы можете заказать настройку за $20 у специалиста. Для этого напишите по контактам. Электронную коммерцию Яндекс Метрики на Opencart 2.3 и выше — не ставлю, Google Analytics — ставлю все вресии! Внизу статьи вы можете посмотреть все версии, на которые сработает мой метод.

1. Проверьте подключение кода Google Analytics. В Opencart 2 код Analytics желательно добавлять стандартным способом через админ-панель: Модули -> Analytics.

настройка google analytics ecommerce

2. Проверьте, установлен ли код и статус «Включено».

4. Зайдите в «Модули» -> «Установка расширений», нажмите «Загрузить» и выберите скаченный архив (архив для установки распаковывать не нужно!).

5. После установки зайдите в «Модули» -> «Модификаторы» и нажмите кнопку со значком обновления вверху справа страницы.

6. Всё готово! Теперь из сайта в ваш Google Analytics передаются все данные по транзакциям в формате Ecommerce.

7. Для того, чтобы данные принимались Google Analytics, в Аналитиксе необходимо включить приём данных Электронной Коммерции. Зайдите во вкладку «Администратор» в Google Analytics вашего сайта. Перейдите в правой колонке в раздел «Настройка Электронной Коммерции» и включите. Теперь Google Analytics видит все переданные транзакции из сайта и будет показывать в разделе «Конверсии» -> «Электронная коммерция».

Включение Ecommerce в google analytics

Настройка Яндекс Метрика Электронная Коммерция — 15 минут

1. Установите код отслеживания Яндекс Метрики с включенной опцией «Передача данных по электронной коммерции» на сайт. Установить желательно в том же месте, где устанавливался Analytics. Код можно добавить над или под кодом Google Analytics.

5. Пробуйте совершить тестовый заказ! Всё готово!

SP Enhanced Ecommerce Tracking | Расширенная электронная торговля Google (Включая Google Analytics 4) и Яндекс 2.x-3.x

Цена: $10.00

С 2 покупки этого товара цена: $7.50

*
Адрес сайта :

Адрес тестового сайта (необязательно) :

Автор: spectre Яндекс метрика для Opencart 2

Покупок: 30 (Средняя оценка: 5)

Совместимость OpenCart 2.0, OpenCart 2.1, OpenCart 2.2, OpenCart 2.3, OpenCart 3.0, OCStore 2.1, OCStore 2.3, OCStore 3.0, Opencart.pro 2.0.3.х, Opencart.pro 2.1, Opencart.pro 2.3, MaxyStore 2.1.0.2, MaxyStore 2.3.0.2, DigiStore 1.0.0.1, MaxyStore 3.*

По многочисленным просьбам Lite-версия модуля

https://liveopencart.ru/opencart-moduli-shablony/moduli/seo/sp-remarketing-all-in-one-2-3-x-google-facebook-mytarget-fidyi-google-otzyivyi

— трекинг только электронной торговли подешевле

Модуль закрывает все вопросы, связанные c электронной торговлей Enhanced Ecommerce для Google и Яндекс!


 
 
Основные возможности модуля:
— Расширенная электронная торговля Enhanced Ecommerce для Google (включая Google Analytics 4 GA4) и Яндекс
— Вставка произвольных счетчиков либо javascript кода
— Работает со всеми темами и версиями Opencart/Ocstore начиная с 2.х

ОЧЕНЬ ВАЖНО!!!
  
Уточняйте вопросы до покупки!

Ecommerce Google и Яндекс
по мануалу
https://netpeak.net/ru/blog/kak-nastroit-rasshirennuyu-elektronnuyu-torgovlyu-s-pomoshch-yu-google-tag-manager/
ТЕГ МЕНЕДЖЕР НАСТРАИВАЕТЕ САМИ!

 
Поддерживаются события
Product Impressions / Просмотры товаров в каталоге. — категория, производитель, поиск, акции
Product Clicks / Клики по товарам. — клики по карточкам
Views of Product Details / Просмотры карточек товаров.
Adding a Product to a Product Cart / Добавление товара в корзину.
Checkout Steps / Шаги оформления заказа. — только первый шаг — непосредственно переход к оформлению
Purchases / Совершенные покупки.

Ecommerce Measurement Protocol

 
Поддерживаются события
Product Impressions / Просмотры товаров в каталоге. — категория, производитель, поиск, акции
Product Clicks / Клики по товарам. — клики по карточкам
Views of Product Details / Просмотры карточек товаров.
Adding a Product to a Product Cart / Добавление товара в корзину.
Removing a Product from a Shopping Cart / Удаление товара из корзины.
Checkout Steps / Шаги оформления заказа. — только первый шаг — непосредственно переход к оформлению
Purchases / Совершенные покупки.

 
Ecommerce для Google Analytics 4
https://developers.google.com/analytics/devguides/collection/ga4/ecommerce#product_list_and_promotion_actions

 
Поддерживаются события
view_item_list — An impression of a product/item list.
select_item — A click on a product/item list for one or more products.
view_item — A view of product details.
add_to_cart — Adding one or more products to a shopping cart.
add_to_wishlist — Adding one or more products to a wish list.
remove_from_cart — Removing one or more products from a shopping cart.
view_cart — A view of a user’s shopping cart.
begin_checkout — Initiating the checkout process for one or more products.
purchase — The sale of one or more products.

Установка на ваш сайт за вас, адаптация модуля быстрого заказа и настройка Тег менеджера для Ecommerce (+600.00 руб)

 
Спасибо за понимание

Использование — на один домен

 
Какие-то вопросы — пишите в личку, разберемся 

Основное
Способ распространения Платно
Совместимость OpenCart 2.0, OpenCart 2.1, OpenCart 2.2, OpenCart 2.3, OpenCart 3.0, OCStore 2.1, OCStore 2.3, OCStore 3.0, Opencart.pro 2.0.3.х, Opencart.pro 2.1, Opencart.pro 2.3, MaxyStore 2.1.0.2, MaxyStore 2.3.0.2, DigiStore 1.0.0.1, MaxyStore 3.*
VQmod Да
Ocmod Да
Статистика
В первый раз файл добавлен 12.01.2021
Последнее изменение 02.03.2022
Просмотров 2508
Покупок 30
Совместимость OpenCart 2.0, OpenCart 2.1, OpenCart 2.2, OpenCart 2.3, OpenCart 3.0, OCStore 2.1, OCStore 2.3, OCStore 3.0

[b][color=#ff0000]Поддержка больше не осуществляется![/color][/b]

Yandex Metrika v1.3 by Tramplin Studio — этот модуль сам создает счетчик и передает данные интернет-магазина в инструмент веб-аналитики Яндекса, который помогает получать наглядные отчеты, видеозаписи действий посетителей, отслеживать источники трафика и оценивать эффективность рекламы. Собираемые счетчиком данные обрабатываются на серверах Яндекс.Метрики и дополняются различной информацией. Но самой важной возможностью модуля является его способность очень просто настраивать и передавать

данные о достигнутых целях

, данные

электронной коммерции

(eCommerce) и развернутые

данные о посетителях

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

Основные настройки счетчика.

Работа с модулем начинается с создания счетчика на сайте Яндекс.Метрики. После этого, скопируйте номер счетчика в настройки модуля и он сразу начнет передавать данные как о самих страницах, так и событиях, произошедших при взаимодействии с ними посетителей. В основных настройках присутствуют следующие опции:

  • Альтернативный CDN. Опция позволяет корректно учитывать посещения из регионов, в которых ограничен доступ к Яндекс.Метрике.
  • Вебвизор. Технология позволяет воспроизводить действия посетителей в формате видео и узнать, что они делают на каждой странице, как передвигают курсор мыши, кликают по ссылкам. Детальный анализ поведения посетителей помогает выявить проблемы в навигации, логике и юзабилити, а в результате — повысить конверсию сайта.
  • Карта кликов. Опция позволяет собирать и отображать подробную статистику кликов по всем элементам страницы.
  • Отслеживание переходов по внешним ссылкам. Опция позволяет собирать и отображать подробную статистику переходов по внешним ссылкам.
  • Отслеживание хеша в адресной строке. Опция применяется для AJAX-сайтов и позволяет корректно подсчитывать количество просмотров на страницах, которые обновляются без перезагрузки.
  • Точный показатель отказов. Опция позволяет управлять точным показателем отказов. Событие о неотказе может быть засчитано через «N» секунд или может быть отключено вовсе.
  • Замена телефонных номеров. Опция позволяет заменять телефонные номера на сайте для инструмента «Целевой звонок». Целевой звонок — это инструмент Яндекс.Метрики, который способен анализировать статистику звонков и сравнивать эффективность различных каналов привлечения клиентов.
Читать также:  Тема 14. Электронная коммерция и информационные технологии Экономическое применение ИТ и эффективность информационных систем с экономической точки зрения

Внимание! Удалите обычный код счетчика с вашего сайта, если он уже присутствует, чтобы избежать дублирования некоторых данных.

Отправка параметров посетителей. 

Этот инструмент может быть полезен для формирования отчета на основе данных, полученных в момент, когда посетитель находится на сайте. Чтобы посмотреть статистику, используйте отчет «Параметры посетителей». Также, используя эти данные, можно формировать сегменты для подбора аудитории в Яндекс.Директе или в Яндекс.Аудиториях. Вы можете настроить передачу следующих данных:

  • идентификатор посетителя может принимать значения: номер сессии или идентификатор зарегистрированного пользователя в системе OpenCart;
  • тип посетителя: гость или зарегистрированный;
  • группу покупателя, если пользователь зарегистрирован;
  • дата регистрации, если пользователь зарегистрирован;
  • статус безопасности аккаунта, который присваивается зарегистрированному пользователю при модерации;
  • статус подписки на рассылку новостей, если пользователь зарегистрирован;
  • страна указанная в адресе зарегистрированного пользователя по умолчанию;
  • регион указанный в адресе зарегистрированного пользователя по умолчанию;
  • город указанный в адресе зарегистрированного пользователя по умолчанию;
  • почтовый индекс указанный в адресе зарегистрированного пользователя по умолчанию;
  • а так же значения дополнительных настраиваемых полей зарегистрированных пользователей!

Отправка данных электронной коммерции — eCommerce.

Это инструмент который предоставляет возможность сбора и анализа данных, относящихся к области электронной коммерции — eCommerce. Переданная информация отображается на сайте Яндекс.Метрики в группе отчетов «Электронная коммерция».

Передача данных осуществляется при действиях произведенных с товаром или набором товаров:

  • при просмотре карточки (страницы) товара;
  • при добавлении товара в корзину;
  • при удалении товара из корзины;
  • при успешном оформлении заказа.

Для более актуальной статистики, так же передаются данные о добавлении или удалении, если количество товара в корзине было изменено.
Внимание! Данные о добавлении, удалении или заказе, могут передаваться не всегда или не передаваться вовсе, в случае с некоторыми модулями заменяющими форму оформления заказа. Данные электронной коммерции успешно передаются при использовании стандартной формы оформления заказа OpenCart, при использовании модулей Simple и FastOrder. С другими модулями работа не гарантируется!

При осуществлении перечисленных действий могут передаваться следующие данные:

  • производитель товара;
  • полная ветка категорий товара, но только при просмотре карточки (например: «категория 1/категория 2»);
  • позиция товара в списке, если значение не равно 0;
  • цена товара, включая налоговую ставку;
  • количество товара на складе, кол-во при добавлении или удалении в корзине, и кол-во в совершенном заказе;
  • разновидность товара, то есть перечисляются выбранных опций товара через запятую.

При оформлении заказа могут так же передаваться и дополнительные данные:

  • номер цели по которому данные об успешной покупке будут привязаны к цели оформления заказа, если она настроена в целях Яндекс.Метрики;
  • прибыль от осуществленной покупки;
  • промокод по которому была начислена скидка при совершении заказа.

Отправка данных о достижении целей.

Цель — это действие посетителя, в котором заинтересован владелец сайта: посещение конкретной страницы, нажатие кнопки, переход по ссылке, оплата заказа и т. д. Когда пользователи приходят на ваш сайт и взаимодействуют с ним, Яндекс.Метрика собирает информацию об этом и фиксирует достижение целей. Информация по целям в интерфейсе Яндекс.Метрики доступна в отчете «Конверсии», а также во всех стандартных и пользовательских отчетах, построенных по визитам.

Модуль позволяет создавать цели типа «JavaScript-событие» легко и без вмешательства в код сайта. Такой тип целей как «JavaScript-событие» позволяет отслеживать практически любые произвольные события на сайте (нажатие кнопки, заполнение формы и пр.), при выполнении которых не меняется URL страницы. Если URL меняется, используйте тип цели «Посещение страниц», они настраиваются непосредственно на сайте Яндекс.Метрики.

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

После установки модуля, вам сразу будет доступно 25 готовых целей

и останется лишь скопировать их идентификаторы в настройки на сайте Яндекс.Метрики. Однако, если у вас установлен нестандартный шаблон или другие модули влияющие на верстку сайта, то некоторые цели могут не работать и потребуют перенастройки.

Полезные советы:

  • Если вы хотите получать более многосторонние данные о действиях посетителей вашего интернет-магазина, тогда советуем установить другой наш модуль «TS Google Analytics«. Сервис Google Analytics является зарубежным аналогом Яндекс.Метрики и обладает похожим функционалом. Используя оба сервиса, вы будете иметь возможность сравнить их отчеты, найти золоту середину, а значит лучше понять своих клиентов, снизить уровень расходов и повысить доходы.
  • Так же предлагаем вашему вниманию пакет модулей «TS AB-Test 3 в 1«. Это набор простых, но мощных маркетинговых инструментов для повышения эффективности ваших баннеров, слайдеров, HTML текстов и любых других элементов дизайна в OpenCart, с помощью аналитического метода «АБ-тестирование» (Split test). Благодаря этому пакету модулей, вы сможете лучше донести до посетителя нужную информацию, и тем самым значительно повысите конверсию вашего интернет-магазина.

————————————————————————————————

Страница на сайте разработчика:
https://tramplin-studio.store/module/ts-yandex-metrika

————————————————————————————————

Смотреть DEMO админки
 (логин: demo, пароль: demo)
Смотрите в разделе дополнений «Аналитика»

————————————————————————————————

Инструкция по установке:

  1. Загрузите архив с модулем для вашей версии OpenCart или ocStore;
  2. Добавьте в группе пользователей «Администратор» права доступа к модулю;
  3. Обновите кэш модификаторов;
  4. Активируйте и настройте модуль.

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


Файлы не перезаписываются!

Используется OCMod!

————————————————————————————————

Инструкция по обновлению:

  1. Удалите модификатор предыдущей версии модуля;
  2. Загрузите архив с модулем для вашей версии OpenCart или ocStore;
  3. Обновите кэш модификаторов;
  4. Проверьте настройки модуля и пересохраните.

————————————————————————————————

Если у вас возникли вопросы или предложения по улучшению работы модуля, вы можете с нами связаться:
Сайт: https://tramplin-studio.store/
E-mail: info@tramplin-studio.store

Теперь бесплатно и без проверки лицензии!

15.03.2020 v1.3
— повышена стабильность отслеживания данных электронной коммерции при просмотре страниц гиперактивными посетителями;
— добавлен параметр управляющий частотой отслеживания данных электронной коммерции (режим отслеживания «По таймеру»);
— и другое.

06.03.2020 v1.2
— повышена стабильность отслеживания данных электронной коммерции;
— доработан парсинг названий категорий для электронной коммерции;
— удален префикс в идентификаторе заказов электронной коммерции;
— исправлены некоторые другие мелкие некритические ошибки.

11.11.2019 v1.1
— параметр посетителя «userId» теперь передает customer_id вместо email;
— скорректирован валидатор номера счетчика в настройках модуля;
— добавлен параметр «статус» во вкладке «цели метрики» — общий для всех целей;
— во вкладке «электронная коммерция» в разделе «данные о покупке» добавлен параметр «передавать доход» (вкл/выкл);
— изменена структура хранения настроек электронной коммерции;
— и другое..

11.04.2019 v1.0
— Релиз!

Основное
Способ распространения Бесплатно
Совместимость OpenCart 2.0, OpenCart 2.1, OpenCart 2.2, OpenCart 2.3, OpenCart 3.0, OCStore 2.1, OCStore 2.3, OCStore 3.0
VQmod Нет
Ocmod Да
Статистика
В первый раз файл добавлен 11.04.2019
Последнее изменение 24.06.2021
Просмотров 7597
Покупок 49

Подключение электронной коммерции для Яндекс. Метрика

Электронная коммерция, почему-то, у большинства ассоциируется исключительно с Google.Analytics. (Подробная статья по установке екоммерса от Google на opencart тут). Однако, в Яндекс.Метрике есть аналогичный функционал по отслеживанию этапов продаж, например, вот:

Метрика не делится на обычную и расширенную электронную торговлю, как Google, тут единый код, который позволяет отслеживать промежуточные действия, которых всего 4:

  • detail — просмотр товара (например, заход в карточку товара или клик по кнопке «подробнее» в каталоге товаров);
  • add — добавление товара в корзину, как правило срабатывает по нажатию кнопки «купить»;
  • remove — удаление товара из корзины;
  • purchase — оформление покупки (успешная транзакция).

Как видите, тут нет шагов оформления, тем ни менее, этой информации вполне достаточно для анализа продаж, источников, слов, эффективности страниц, наиболее популярных товаров и прочее.
В первую очередь, нам нужно активировать работу электронной коммерции. Для этого нужно перейти в настройки счетчика и на вкладке «Код счетчика» отметить чекбоксом соответствующий пункт (для этого у вас должны быть права администратора. Гостям эта функция недоступна). После этого в коде появится соответствующая строка.
Если у вас на сайте стоит код без включенной коммерции, его нужно заменить (просто проверьте наличие данной строчки в коде на странице сайта):

Читать также:  Курсовая работа по проектированию систем электронной коммерции и особенности их работы

Кстати, по умолчанию стоит контейнер dataLayer. Лучше не меняйте его. Но если измените, учтите, что это новое имя нужно будет использовать ВЕЗДЕ. Дело в том, что Analytics использует точно такое же название в TagManager, и если у вас корректно будет настроена коммерция через ТагМенеджер для аналитикса, в Метрике она должна заработать автоматически, т.к. они используют единые команда. Но об этом поговорим в отдельной статье.
Итак, вы включили коммерцию и заменили код на сайте. Теперь, самое интересное: подключение сайта.

Настройка кода для ecommerce в метрике на примере opencart

Чтоб не теоретизировать задачу, рассмотрим конкретный пример подключение коммерции от метрики на CMS opencart. В принципе, думаю с любым другим движком отличия будут только в названиях файлов и переменных.
Первое, что вам следует знать, что все страницы, где вы планируете использовать код электронной коммерции нужно вставлять сточку:

window.dataLayer = window.dataLayer || [];

Теперь пройдемся по действиям. В первую очередь, это просмотр товара. Причем, просмотр может быть как в списке товаров, так и на карточке товара. По моему личному мнению, просмотр каталога не дает нам никакой ценной информации о том, заинтересовал ли товар, а проанализировать страницы каталога можно и в обычном отчете по посещенным страницам. Поэтому мы будем учитывать только просмотры товаров при заходе на карточку товара. Для этого в файле catalog\view\theme\rgen-opencart\template\product\product.tpl где-то внизу добавляем следующий код:

/

Чтоб все работало, достаточно только названия или id товара. Все остальное — дополнительная информация, которая необязательна. Сразу хочу обратить внимание на записи. Если мы знаем заранее, то можно вписывать словами или переменными из js (как сделано для бренда, категории и варианта). Но чаще всего данные хранятся в переменных php, для этого используется конструкция echo $переменная. Важно, чтоб это была именно переменная, а не массив или объект.
Коль мы говорим об опенкарт, хочу обратить внимание, что цена обычно хранится в виде текста с валютой, т.е. не просто цена, «150», а текст: «150 рублей». Метрика же требует только цифру. Для этого используйте такую конструкцию:

var temp1=""; // получаем цену (150 рублей);
temp1=temp1.split(' '); //делим результат на массив по символу пробел ("150" и "грн");
var temp2=+temp1[0]; //превращаем текст 150 в цифру 150;

Ничего сложного.
Мы зафиксировали просмотр. Теперь нам нужно зафиксировать добавление товара в корзину. Сама конструкция почти такая же. Принципиальным отличием является иное действие (add вместо detail) и то, что срабатывать она должна только при клике на кнопку «Купить».
Для этого мы создаем отдельную функцию и добавляем код туда:

В данном примере я использовал минимальное количество данных. Вы можете здесь добавлять так же и количество, и цвет и прочее. Только будьте внимательны, если на карточке товаров есть возможные варианты товаров (цвета, количество, модели), товар, который положили в корзину могут по этим параметрам отличаться от тех, что просматривали (что открываются по умолчанию). Тут уже все зависит от ваших настроек.
Итак, мы создали функцию, которая отправляет товар в корзину. Теперь нужно указать, когда данная функция срабатывает. Наверняка у вас уже есть нечто подобное. Например, появляется окошко, что товар добавлен в корзину, или кнопка меняет цвет. Вот там и надо вызвать функцию. В нашем случае это выглядит так:


if (json['success']) { //находим эту строку
ecommbuymetrika(); // добавляем эту строчку;

Все, теперь мы знаем, какой товар смотрели, какой в корзину положили. Далее, на странице корзины аналогичным образом мы добавляем функцию удаления товара из корзины. Все 1 в 1, только вместо «add» используем «remove».
Кстати, если у вас есть возможность положить товар в корзину не только на карточке товара, но и прямо с каталога – эту же функцию нужно добавить и на страницу каталога.
И завершающий этап – непосредственно продажа. Эту команды мы отправляем в метрике в том случае, когда пользователь полностью прошел весь процесс оформления заказа. В opencart это страница Success.tpl. В вашем магазине может быть другая.
Прежде чем приступить к оформлению транзакции, убедитесь, что на последней странице у вас имеются все необходимые данные. Для этого ознакомьтесь со статьей «подключение электронной коммерции на opencart». В частности вас интересует первый раздел «Вывод данных о заказе на страницу Спасибо за покупку»
Итак, на эту последнюю страницу нужно добавить код, отправляющий транзакцию. Проблема в том, что товары хранятся скорее всего в массиве. Для этого используем такую конструкцию:

$items = $products1; // в items у нас хранятся все купленные товары;
// функция, которая передает данные из php в js
function getItemJsMetrika(&$item) {
return <<

Надеюсь, тут по аналогии все понятно: мы используем команду purchase, как ранее использовали add или detail. Только не перепутайте id транзакции и id товара. Первое – это номер заказа, который вы выдаете покупателю. Второе же – это артикул конкретного товара.
Хочу отметить, что на этапе продажи можно фиксировать и цель. Для этого она должна ,быть задана как Javascript-событие (любое, пишите туда что хотите). Важно – посмотрите ID этой цели на странице списка целей. Все что вам нужно, добавить строчку «goal_id» : «777» (вместо 777 – ваш ID цели).
В результате код превратиться в нечто такое:

Настройка электронной коммерции Google Analytics на opencart

По настройке электронной коммерции для Google Analytics написано море статей. Но самое обидное, что на 90% — это просто повторение справки самого Гугла, которая, хочу вам сказать, очень качественная и постоянно обновляется. Однако, когда сталкиваешься с конкретной задачей под конкретный движек – всплывает масса вопросов. Дело в том, что справка написана для людей, понимающих основы javascript. К сожалению, в реальной жизни крайне редко получается просто скопировать код. Зачастую его нужно менять и подстраивать.
Поэтому я и решил написать данную статью. В качестве примера я взял CMS OpenCart, как наиболее распространенный движок для интернет-магазинов. И пошагово напишу, что и куда надо вписать, чтоб у вас заработала электронная коммерция. В этой статье мы рассмотрим классическую (не расширенную) коммерцию. Все что вам нужно для подключения, это доступ к самому Аналитиксу и на ftp вашего сайта, т.к. нужно вносить правки в код.
Конкретно для opencart задача состоит из двух частей. Во-первых, нужно передать данные о заказе на последнюю страницу (index.php?route=checkout/success). А уже во-вторых, передать эти данные в GoogleAnalytics.

Подключение e-commerce для GoogleAnalytics (напрямую, не через Tag Manager)

Теперь, когда на данной странице есть данные о заказе, все что нам надо, это передать их в Google. И тут мы сталкиваемся с небольшой задачей. Дело в том, что данные у нас хранятся в переменных php, а гугл принимает их через Яваскрипт. Но и это решение уже есть в справке. Я его адаптирую исходя из наших переменных. Перед тем, как начать править код, убедитесь, что у вас включена функция e-commerce в самом аналитиксе:

В том же файле (\catalog\view\theme\*ваша_теме\template\common\success.tpl) нужно вписать следующий код (в начало файла):

$order_id,
         ‘revenue’=>$total);
// Копируем в переменную items наши покупки, чтоб код был максимально похож на исходный.
$items = $products1;
// Переводим данные из php в JS для транзакции
function getTransactionJs(&$trans) {
  return <<

И внизу страницы добавляем:


Вот вобщем-то и все. Можете сделать тестовый заказ и через пару часов он должен у вас появиться в разделе электронной коммерции.

Подключение через Google Tag Manager

Если вы продвинутый пользователь, и работаете через Таг Менеджер, подключение происходит немного иначе. Чтоб не копировать опять код, я просто опишу. Данные передаются в dataLayer. Для этого вы аналогично используете функцию перевода php а JS а затем вызываете ее. Смотрите скрин:

Важный момент: этот код должен быть подключен ДО кода tag manager.

Последнее, что вам нужно сделать, это зайти в tag manager и создать там соответствующий тег, который будет активировать комерцию. Выбирайте тип отслеживания: Транзакция, условия активации: некоторые страницы -&gt; страница содержит checkout/success
Не забудьте опубликовать данное изменение.

 
Надеюсь, эта инструкция облегчит жизнь при подключении электронной коммерции к opencart, хотя по аналогии можете подключить и к любому другому движку. Если у вас какие-то хитрые плагины, или много самописных модулей, возможно, некоторые переменные имеют другие имена или расположены по другим адресам. Учтите это и поэтому пытайтесь не бездумно копировать, а понимать что, где и куда.
Если есть вопросы – пишите мне на почту admin@marketnotes.ru или в комментарии.

Прошу обратить внимание на возможные ошибки!

В работе столкнулся с такой проблемой. Если у вас в названиях используются кавычки (одинарные ‘ или двойные «) будьте осторожны, они могут ломать код яваскрипта! Для этого экранируйте их, или используйте разные типы.
Вообще, одинарной кавычки в тексте быть не должно, это спецсимвол. Используйте вместо него апостроф ` (перед 1 который).
В любом случае, всегда тестируйте изменения на сайте и следите за ошибками в консоле.
Спасибо за наводку Станиславу Тимонову, Интернет-магазин Bowandtie Shop Gallery.

Создать счетчик Яндекс метрика

Для создания счетчика Яндекс метрика вам нужно иметь свой аккаунт Яндекс. Если он у вас есть, то войдите на страницу метрики metrika.yandex.ru/add.

Если учётной записи Яндекс у вас нет, пройдите довольно простою регистрацию на Яндекс passport.yandex.ru/registration?mode=register. После регистрации аккаунта, войдите на страницу метрики.

регистрация Яндекс

Шаг 1. Настройки счётчика

Шаг 1. Настройки счётчика

На первом шаге вам нужно задать основные настройки счётчика. Они указаны на Screen. Вебивизор будет собирать действие пользователей на сайте, и показывать  его в вашем личном кабинете в виде визуальных диаграмм. Есть мнение, что Вебивизор тормозит сайт, поэтому его не включаем.

Настройки в правой части страницы относятся к магазинам, зарегистрированным в ЕС и Швейцарии, и относятся к правилам сбора данных пользователя GDPR.

Шаг 2. Получение код счётчика

После нажатия кнопки «Следующий» переходим ко второму шагу — получение кода счётчика.

Шаг 2. Получение кода счётчика

Так как наша задача установить счетчик Яндекс метрика на OpenCart 3 интернет магазина, то нужно установить дополнительные настройки для электронной коммерции Ecommerce.

В дополнительных настройках выделяем только один чек — «Отправка в Метрику данных электронной коммерции» (1 на фото).

Контейнер, валюту и тайм-аут просто проверяем. По умолчанию:

  • Контейнер – dataLayer (2);
  • Валюта – Рубли (3);
  • Тайм-аут – 30 минут (4).

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

Чтобы установить счетчик Яндекс метрика на OpenCart 3, нам нужен сам код счетчика. Скопируем его и поместим код в блокнот.

Страницу метрики закрывать еще рано, но пора установить счётчик на сайт магазина, а потом нажмите использовать счётчик.

Чтобы не размещать контейнер данных dataLayer на страницах магазина (информация об этом тут: yandex.ru/support/metrika/data/e-commerce.html) используем специальный плагин OpenCart «Яндекс метрика».

Важно! Обязательно, сделайте резервную копию сайта магазина.

Установка счётчика, вариант 1

Скачайте плагин с официальной страницы тут. Скачивайте два варианта плагина: простой архив и архив ocmod.

Скачайте плагин

  • Распакуйте простой архив (zip) плагина;
  • Файлы из архива залейте по FTP в корень сайта магазина;
  • Авторизуйтесь в административной части магазина;
  • На вкладке Модули/Расширения по фильтру «Аналитика» найдите установленный модуль (он будет вторым из двух)  и активируйте его;

активировать модуль

  • Нажмите кнопку «Редактировать» модуля, чтобы вставить код счётчика и включить модуль.

редактировать модуль

вставить код счётчика в модуль

Вариант второй

Не рекомендую данный вариант установки счетчика, работает не всегда. Будьте осторожны и сделайте резервную копию магазина для отката в случае неудачи. Читать: Как установить модуль Opencart.

  • Распакуйте архив ocmod плагина;
  • В архиве один файл «yandex.metrika.ocmod». Откройте его в любом текстовом редакторе;
  • В строке 8 файла вставьте вместо строки «Название вашей темы», реальное название рабочей темы сайта (название каталога с темой);

файл «yandex.metrika.ocmod»

  • Запакуйте файл в архив yandex.metrika.ocmod.zip;
  • Авторизуйтесь в панели магазина;

установка модуля

  • Перейдите на вкладку Модули / Расширения, фильтром выберете модули группы «Аналитика»;
  • Теперь их должно быть два «Google Analytics» и «Яндекс Метрика»;
  • Активируйте модуль «yandex.metrika» и откройте его для редактирования;
  • Вставьте код счётчика и включите модуль.

Если не получилось, перейдите к первому варианту ил упростите до третьего.

Вариант 3

Как вариант, если есть проблемы с установками модулей,  попробуйте вставить код счётчика Яндекс в уже установленный по умолчанию, модуль Google Analytics.

Google Analytics
Google Analytics

Если уже вставили код счётчика Google, то код Яндекс метрики вставляйте с НОВОЙ строки. Это вариант не совсем валидный, но рабочий.

Для каких CMS добавлены плагины?

На данный момент плагины доступны только для WordPress и OpenCart. С их помощью вы сможете бесплатно настроить передачу данных электронной коммерции, а так же установить счетчик Метрики на сайт и все это не требует работы с кодом сайта.

В будущем, команда Яндекс.Метрики обещает добавить подобные решения и для других CMS.

Для чего нужна настройка электронной коммерции?

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

— Откуда приходят покупатели с самой высокой ценой сделки и какой путь они проходят на вашем сайте, от первого визита до покупки;

— Изменения продаж в вашей отрасли в зависимости от сезона и географии (доступ к данным Яндекс.Маркет Аналитики);

— Прямое отслеживание выручки и средней стоимости заказа ваших товаров на Маркете из интерфейса Яндекс.Метрики.

В дальнейшем эти данные можно использовать для оптимизации рекламных кампаний в Яндекс.Директ, например, вы сможете:

— Платить не за клики, а за продажи.

— Напоминать посетителям о просмотренных товарах на вашем сайте и возвращать их обратно за покупкой.

— Расширять аудиторию за счет пользователей, которые похожи на ваших лояльных клиентов.

Как подключить интеграцию?

Перед началом установки убедитесь, что у вас не активирован другой аналогичный плагин, устанавливающий счетчик Метрики. Если такой плагин установлен, то его нужно выключить.

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

Стали доступны официальные интеграции Яндекс.Метрики для установки электронной коммерции., изображение №1

Если у вас уже создан счетчик Яндекс.Метрики, но не включена электронная коммерция (или вы не уверены в том, что включали ее), то для того, чтобы включить (или проверить включена ли) электронную коммерцию, нужно: зайти в настройки вашего счетчика, далее в открывшейся вкладке «Счетчик» прокрутить вниз до пункта «Электронная коммерция» и перевести ползунок в положение «Вкл».

Стали доступны официальные интеграции Яндекс.Метрики для установки электронной коммерции., изображение №2

Дальнейшая настройка и подключение плагинов отличается в зависимости от используемой CMS. Поэтому, в дальнейшей настройке, рекомендую воспользоваться инструкциями от Яндекса:

Как настроить электронную коммерцию на сайте на WordPress.

Как настроить электронную коммерцию на сайта на OpenCart.

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

Автор: Юлия Твердохлеб

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.

Вывод данных о заказе на страницу «Спасибо за покупку»

В опенкарте почему-то на последней странице выводиться обычный текст, мол, спасибо за покупку, звоните и т.д. Без дополнительных настроек здесь нет ни номера заказа (чаще всего), ни суммы заказа ни прочей информации. Я решил исправить эту ситуацию, и в результате вышло нечто подобное:

Разумеется формулировки текста и стили вы можете править по своему усмотрению. Для этого переходите на вашем ftp в каталог: \catalog\language\russian\checkout и там открывайте файл success.php, увидите нечто подобное:

Вот то что слева – это переменные, а справа сам текст. Можно использовать html теги. Так что формулировки и прочее придумывайте себе. Кстати, напоминаю, что перед тем, как вносить какие-то изменения, сделайте резервную копию изменяемых файлов, а лучше – всего сайта.
Теперь идем по адресу \catalog\controller\checkout и открываем файл success.php в этой папке. В ней и определяются переменные, которые будут доступны нам на выходе. Находите строки в самом начале:

session->data['order_id'])) {
      $this->cart->clear();

и меняйте на :

data['order_id'] = 0; // Номер заказа
    $this->data['total'] = 0; // Сумма заказа
    $this->data['products1']=0; // Информация о товарах
    if (isset($this->session->data['order_id'])) {
      $this->data['order_id'] = $this->session->data['order_id']; // Номер заказа<
      $this->data['total'] = $this->cart->getTotal(); // Сумма заказа
      $this->data['products1'] = $this->cart->getProducts(); // Информация о товарах
      $this->cart->clear();

Вот эти три переменные нам и нужны. Так же, если вы добавляли новые переменные с текстом (вот тут \catalog\language\russian\checkout) то их нужно обязательно добавить:

Теперь нам нужно настроить вывод этих данных. Для этого идем по адресу: \catalog\view\theme\*ваша_теме\template\common и открываем файл success.tpl
Вносим правки по своему усмотрению. Вот как это сделал я:

Все. Красивая страница с информацией о заказе у вас есть. Переходим к самому главному.

Вывод

Задача выполнена, счетчик Яндекс метрика на OpenCart. Следите за сбором веб-аналитики в личном кабинете метрики и продвигайте магазин правильно. Если есть проблемы с бесплатным модулем веб-аналитики, поищите платный вариант ocmod.net/prodvizhenie.

©shopiweb.ru

Еще статьи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *