Интеграция Электронной коммерции Яндекс.Метрика в Woocommerce

Содержание материала:

Электронная коммерция Яндекс.Метрики Что это такое и как она помогает?

Вступление

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

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

Электронная коммерция — это любая финансовая и торговая операция, осуществляемая при помощи интернета.

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

Этот сервис предлагает простые решения для сбора данных о электронной коммерции на вашем сайте и формирования отчетов на основе собранной информации. Для этого достаточно подключить счётчик и настроить передачу данных с сайта в счетчик. За этой простотой скрывается огромный аналитический потенциал оценки действий клиента на вашем сайте. Например, вы можете узнать к каким товарам клиенты проявляют интерес, но не заказывают, или получить список наиболее популярных товаров и многое другое, о чем мы расскажем далее.

Ecommerce для владельца бизнеса

Принцип работы

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

Просмотр информации о товаре

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

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

В этом случае стоит обратить внимание на ценовую политику, возможно ваши конкуренты предлагают более выгодное предложение.

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

Товары, просмотренные в течении сегодняшнего дня.

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

Добавление товара в корзину — это лишь половина пути к получению выручки. Потому что заинтересованность клиента может не перейти в покупку, и вы не получите прибыль.

Товары добавленные в корзину в течении сегодняшнего дня

Информация о добавлении товаров в корзину может указать на спектр интересующих клиентов товаров и услуг.

Удаление товара из корзины

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

Товары удаленные из корзины в течении сегодняшнего дня

Покупка

Покупка — конечный этап на всем пути, то есть получение выручки. Казалось бы, что еще нужно!? Но даже из этой информации можно получить выгоду для бизнеса. Проанализировав данный раздел, можно выяснить, какие товары меньше всего продаются и разработать для них стратегию продвижения. Например, запустить акцию или скидку.

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

Соотношение заказанных товаров

Из этого отчета можно узнать наиболее востребованные товары.

Из отчета о содержимом заказа можно узнать фактическую прибыль и определить сопутствующие товары.

Изменение отчетов

Каждый отображаемый отчет можно настроить и привести к необходимому виду.

Настройка отображаемых метрик

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

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

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

Преимущества для бизнеса

Ведение статистики получения выручки.

Получение информации о работе бизнеса на основе действий, выполняемых посетителями сайта.

Выявление и исправление нерентабельных позиций предлагаемых услуг.

Аналитика эффективности работы продаж с сайта в течении дня/недели/месяца/года.

Аналитика эффективности работы рекламных акций.

Примеры использования

Удобный фидбэк о работе бизнеса

Например, если нужно понять, какие товары пользуются спросом, а какие нет, можно перейти на страницу отчета «Товары в корзине», добавить интересующие метрики: «Товаров добавлено в корзину», «Товаров куплено», «Товаров удалено из корзины».

В этом отчете видно, какие товары пользуются большим спросом (те товары у которых количество добавленных в корзину совпадает или очень близко к количеству купленных товаров).

Из этой таблицы видно, что 3 товара «Филадельфия» были добавлены в корзину, но ни одного не было куплено и товары удалили из корзины. Владельцу нужно понять почему товар удаляют и не доводят покупку до конца.

Также в отчете видно, что в какой то момент создания заказа, клиент остановился и не стал продолжать покупать товар «Баварская» (добавлено 2 товара, удален 1 товар, куплено 0).

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

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

Увеличение задействованности бизнеса в пустых временных промежутках дня

Зайдем на страницу отчета «Заказы» и настроим отчет так, чтобы отображался график с заказами в течении дня.

Из графика видно что с утра наш бизнес простаивал и только в обед у нас появился первый заказ. Поэтому владельцу или маркетологу стоит подумать о проведении акций или о введении скидок для до обеденного времени, чтобы привлекать клиентов делать заказы в первую половину дня. Или распределить график работы сотрудников.

Анализ продуктивности работы бизнеса

Группировка по полю «Источники трафика» позволяет проанализировать ресурсы распространения информации о бизнесе в интернете. Метрика фиксирует через какие информационные источники клиент приходит на сайт.

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

Ecommerce для разработчиков

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

Создание счетчика

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

Форма создания счетчика

Далее Яндекс сгенерирует код счетчика, который необходимо будет разместить на сайте.

Пример кода счетчика

Для подключения к счетчику метрики, функционала сбора информации о электронной коммерции, в пункте «Дополнительные настройки», поставьте галочку напротив «Отправка в метрику данных об электронной коммерции». Затем следует выбрать название контейнера данных (советуем задавать свое название контейнера, а не использовать стандартное, чтобы оно не конфликтовало с другими контейнерами).

Изменение имени контейнера

Затем код счетчика необходимо разместить на сайте, добавив инициализацию контейнера.

После этих действий можно приступить к настройке передачи информации об электронной коммерции.

Передача информации

Для передачи информации об электронной коммерции с вашего сайта в счетчик, достаточно добавлять Есоmmerce — объект с информацией о действии в контейнер, указанный при настройке счетчика.

Структура Ecommerce — объекта

Основными действиями пользователя (actionType) на основе которых строятся отчеты — являются:

просмотр информации о товаре (detail);

добавление товара в корзину (add);

удаление товара из корзины (remove);

С подробной инструкцией настройки Есоmmerce — объекта, доступных и обязательных параметрах можно ознакомится в документации электронной коммерции Яндекс метрики.

Подключение к различным CMS

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

1С Битрикс

Для этой CMS существует готовый модуль для подключения аналитики электронной коммерции — «Электронная коммерция для Яндекс.Метрики и Google Analytics». Существует платная версия(8000 рублей), с тестовым доступом на 20 дней.

OpenCart

Для сайта написанного с помощью Opencart, есть модуль предоставляющий отправку информации об электронной коммерции. Этот платный модуль обойдется вам около 300 рублей.

WordPress

Для wp есть плагин позволяющий отправлять данные об электронной торговле в Яндекс Метрику. Данный плагин обойдется вам около 1500 рублей.

Joomla!

Для компонентов JoomShopping и VirtueMart существуют плагины ( Электронная торговля Яндекс Метрика для VirtueMart, Электронная торговля Яндекс Метрика для JoomShopping) для отслеживания электронной торговли в Яндекс метрике. Данные плагины платные и стоят 34$.

Заключение

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

Поделиться

Для авторов

Хотите стать соавтором блога, рассказать аудитории о новинках в мире веб и все что с ним связано? Тогда присылайте ваши материалы и мы опубликуем их.

Электронная коммерция в системах аналитики: как это работает и зачем это нужно?

По данным исследований компании Nielsen, покупки в России делают 9 из 10 пользователей интернета, а 89% российских интернет-пользователей когда-либо совершали онлайн-покупки. Популярными категориями до сих пор остаются одежда и потребительская бытовая техника.

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

Здесь на первое место как раз и выходит электронная коммерция, или e-commerce.

Зачем она нужна?

В первую очередь стоит определить, что же такое электронная коммерция для веб-аналитики. Итак, e-commerce — это передача информации о покупках пользователей в системы аналитики. Покупка в интернет-магазине осуществляется по известному всем алгоритму: пользователь что-то кладет в виртуальную корзину, оформляет заказ и переходит на страницу «Спасибо за Ваш заказ», на которой находится стандартная информация о том, что заказано, на какую сумму и т. д. Именно эта информация и передается в аналитику.

Грамотно настроенные отчеты в системах веб-аналитики позволят ответить на важнейшие вопросы владельцев бизнеса и аналитиков:

  1. Что покупают?
  2. Какие категории и бренды популярны?
  3. Что чаще всего смотрят?
  4. Сколько денег приносят разные источники?
  5. Как работают промокоды?
  6. Какие товары смотрят и покупают?

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

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

Топ-пост этого месяца:  Как обновить WordPress вручную и автоматически, а так же плагин Database Backup для резервного

Нужна настройка e-commerce? Сделаем правильно и быстро!

Как грамотно настроить e-commerce в Яндекс.Метрике?

После обновления Яндекс.Метрика позволила нам не просто собирать данные о транзакциях, но и, как Google Analytics, использовать единый код, который описывает электронную коммерцию через уровень данных (dataLayer), и фиксировать следующие действия:

  • detail — просмотр карточки товара;
  • add/remove — добавление/удаление товара в/из виртуальной корзины;
  • purchase — транзакция.

Отчеты по электронной коммерции доступны по указанным ссылкам в Яндекс.Метрике.

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

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

Инициируйте объект уровня данных dataLayer до кода Яндекс.Метрики, разместив строку:

После этого можно приступать к настройке действий, непосредственно связанных с e-commerce:

    Просмотр карточки товара.

Все товары и услуги можно описать следующими полями:

  • ID — уникальный идентификатор;
  • name — название товара;
  • brand — бренд или торговая марка;
  • category — категория (до 5 уровней вложенности, разделяемых знаком «/»);
  • coupon — промокод;
  • position — позиция товара в списке;
  • price — стоимость единицы товара;
  • quantity — количество единиц товара;
  • variant — вариант товара.

На карточке товара или услуги после кода Яндекс.Метрики разместите код, описывающий товар:

После этого Вам станет доступен отчет Яндекс.Метрики о просмотрах карточек товаров.

Добавление товара в виртуальную корзину.

Код будет аналогичен приведенному выше, за исключением того, что действия с detail будут заменены на add и remove .

Код будет выглядеть следующим образом:

Выполняемые действия аналогичны первому пункту, но код немного отличается:

Также с информацией и примерами настройки можно ознакомиться на странице официального хелпа Яндекса.

Как грамотно настроить e-commerce в Google Analytics?

Аналитика Гугла предлагает нам два варианта e-commerce:

1. Стандартный — информация о том, что заказывают посетители и сколько это стоит.

2. Расширенный — в электронной коммерции Google Analytics доступна информация не только о заказе, но и о действиях посетителей с товарами. Это в свою очередь позволяет более детально оценить эффективность интернет-магазина.

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

Вся информация будет доступна в указанной ниже вкладке.

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

Итак, перейдем к настройке электронной коммерции в Google Analytics

Заходим в панель управления Google Analytics -> Вкладка «Администратор» -> раздел «Представление» -> пункт «Настройки электронной торговли».

Подключаем саму торговлю (расширенная включается опционально).

Если Вы выбрали стандартную версию , то дальнейший алгоритм следующий.

Для начала подключите соответствующий плагин:

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

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

Поясним для начала каждое из используемых полей:

  • ID — уникальный идентификатор транзакции;
  • affiliation — наименование интернет-магазина;
  • revenue — доход с заказа;
  • shipping — стоимость доставки;
  • tax — налог.

Добавление всех заказанных товаров.

Пояснения для полей:

  • ID — уникальный идентификатор;
  • name — имя товара;
  • SKU — идентификатор (код) товара;
  • category — категория товара;
  • price — цена за одну единицу;
  • quantity — количество таких товаров.

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

Для отправки подготовленных данных используйте функцию:

Если Вы настроили все корректно, то уже на следующий день данные появятся в отчетах.

С полным списком параметров Вы можете ознакомиться по ссылке.

Также Вы можете воспользоваться расширенной версией Google Analytics e-commerce, настройка которой потребует немного больше времени.

Полный список параметров расширенной версии доступен по ссылке.

Настройка e-commerce доступна также и через Google Tag Manager, который позволяет управляться с кодами счетчиков, событиями и т. д., не прибегая к редактированию исходного кода сайтов, и уже известный нам dataLayer. Коммерции в GTM будет посвящена отдельная подробная статья.

Вместо заключения…

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

  1. Какие кампании эффективнее: поисковая оптимизация или контекст?
  2. Какие кампании эффективнее для продажи кроссовок Nike 42 размера?
  3. Какие бренды лучше всего продаются через контекстную рекламу?
  4. Какие типы товаров предпочитают пользователи iOS, Android и Windows Phone?

Такие вопросы будут всплывать все чаще и чаще. Вы все больше будете обращаться к своим аналитикам и маркетологам. Все чаще у Вас будут возникать мысли:

  • Если пользователь купил кроссовки Nike, то стоит отправить ему рекламу футболок Nike.
  • Для пользователей, расплачивающихся картой Visa, стоит показывать спецпредложения с использованием этой карты.
  • Если плохо продается телевизор определенной модели, то стоит прислать каждому клиенту, добавившему этот телевизор в корзину, купон на 10%-ную скидку еще до совершения заказа.

Сейчас не так много магазинов используют этот функционал, поэтому, чем раньше Вы внедрите e-commerce, тем выше будет Ваш ROI.

Подключение Яндекс Электронная коммерция на WordPress

Добрый день! Подключая ecommerce столкнулся с проблемой, данные не отправляются( Сайт на WordPress плагин WooCommerce, яндекс счетчик обновил! Пытался сделать костыль когда на нажатие товара вылетала функция

но все тщетно, зато когда вызываю функцию без переменной и метода клик данные отправляются! Ранее подключал еком на bitrix там через модули намного проще) Подскажите пожалуйста как это лучше сделать?

Еще также проблема, каждый раз создается новый объект ecommerce а не добавляются данные в объект products. И еще при переходе по сайту объект не сохраняется( Как сделать так чтобы он его запоминал? Помогите пожалуйста!

Как настроить цели яндекс.метрики на нажатие кнопки «Подтвердить заказ» (WooCommerce)?

Доброго времени суток!
Пытаюсь настроить цели яндекс метрики на подтверждение заказа в корзине. Но элементарно не могу даже найти в какой кнопке «прикрутить» событие. Возникает вопрос, где найти нужный файл? и есть подозрение что при обновлении плагина все мои доработки удаляться. Можно ли допустим в какой нибудь виджет прописать функцию, которая будет реагировать на нажатие сторонней кнопки?

Вот кусок кода уже сформированной страницы, кнопка на которую нужно настроить событие.

Подключаем Ecommerce в Яндекс.Метрике

Всем привет. На форуме куча полезной информации по разработке магазинов. Я же в свою очередь хочу рассказать про настройку аналитики.

Итак мы будем передавать информацию из магазина miniShop в Яндекс.Метрику для того, чтобы в полном объёме пользоваться отчётами Электронной коммерции .

Сразу скажу, что информация ниже рассчитана на новичков. Я не владею программированием и не нашел пошагового решения в интернете, поэтому потратил немало времени. Надеюсь этот пост пригодится другим юзерам.

Итак мы будем передавать в метрику 3 события:

  • Просмотр полного описания товара
  • Добавление товара в корзину
  • Покупка

Просмотр полного описания товара

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

Для начала нам нужно на каждую страницу товара (в шаблон карточки товара) добавить код:

Суть в том, что мы создаем объект productData, в него передаём значения названия товара и цены и потом эти значения передаём в специальный контейнер window.dataLayer. Тут всё согласно документации Яндекса.

Этот метод удаляет пробелы из цены 1 500 приводит к виду 1500.

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

Здесь всё тоже самое, только используем немного другую конструкцию из документации Яндекса и вешаем её на колбэк успешного добавления товара в корзину:

Это, пожалуй, наиболее сложная для новичка часть. Скрипт работает на странице оформления заказа. Проходит по всем товарам в заказе, собирает значения и после успешного оформления заказа отправляет их в dataLayer.

Здесь многое зависит от того как свёрстана ваша корзина. У меня все классы и id стандартные, я их не менял, так что будьте внимательны. Итак, следующий код надо разместить на странице Корзины:

После всех этих действий в метрике появится вся информация о заказах, корзинах и товарах. Вот такая красота

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

Как настроить электронную коммерцию в «Яндекс.Метрике»

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

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

Самый удобный способ сбора подобной информации – агрегирование в бесплатные системы аналитики от «Яндекса» и/или «Google».

Сервис «Яндекс.Метрика» и «Google Analytics» — это не только счётчик для сбора статистики посещаемости сайта и инструмент для возможности отслеживания активности на сайте. Функционал сервисов позволяет подключить средство для анализа данных из области электронной коммерции, называемой Ecommerce.

Речь пойдет о её подключении для самого популярного в России сервиса «Яндекс.Метрика» для интернет-магазина на 1С-Битрикс.

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

Для подключения Ecommerce необходимо:

перейти по ссылке metrika.yandex.ru , появится окно, аналогичное представленному на рисунке;

войти в свой аккаунт для метрики, нажав на кнопку «Перейти», пройти авторизацию, введя свой логин (учетную запись – почту на «Яндексе») и пароль;

появится окно со списком подключенных счетчиков, в случае, когда счетчик ещё не подключался, появится пустое окно;

добавляем новый счетчик, нажав на кнопку «Добавить счетчик» или изменяем и корректируем уже установленный счетчик, к которому необходимо подключить электронную коммерцию, нажав на кнопку «настройка» (иконка в виде шестерёнки в правом углу);

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

создаем счетчик, введя имя счетчика, ссылку на сайт, поставив галочку о принятии условия «Пользовательского соглашения» и нажав кнопку «Создать счетчик»;

сразу после создания счетчика будет осуществлен переход на вкладку «Настройка», где нужно с помощью установки соответствующих галочек подключить необходимые атрибуты для системы аналитики (каждый из параметров рассматриваться не будет, сосредоточившись лишь на аналитике Ecommerce);

подключив функцию отправки данных коммерции, инициируем сбор статистики Ecommerce.

вставляем полученный код для подключения счетчика на страницы интернет магазина (в случае, когда счетчик уже стоит, обновляем его код на всех страницах).

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

Когда Ecommerce устанавливается впервые, необходимо будет проделать дополнительные операции.

    На страницах с товарами, сразу после окончания установленного кода счетчика, добавить код JavaScript, позволяющий описать товар, для прередачи в метрику.

dataLayer.push( <
‘ecommerce’ : <
‘detail’ : <
‘products’ : [
<
‘name’ : ‘НАЗВАНИЕ ТОВАРА2’, // обязательное
‘id’ : ‘АРТИКУЛ2 или ИДЕНТИФИКАТОР2’, // обязательное
‘price’ : ‘Стоимость’,
‘brand’ : ‘Производитель или бренд2’,
‘category’ : ‘Категория товара2, до 5 позиций’,
‘variant’ : ‘Вариант исполнения2’,
‘position’: ‘Показатель кликабельности’
>
]
>
>
>);

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

  • Передача статистики по добавлению товаров в корзину. Необходимо вставить скрипт на страницу корзины. dataLayer.push( <
    ‘ecommerce’ : <
    ‘add’ : <
    ‘products’ : [
    <
    ‘name’ : ‘НАЗВАНИЕ ТОВАРА7’, // обязательное
    ‘id’ : ‘АРТИКУЛ7 или ИДЕНТИФИКАТОР7’, // обязательное
    ‘price’ : 100,
    ‘brand’ : ‘Производитель или бренд7’,
    ‘category’ : ‘Категория товара7, до 5 позиций’,
    ‘variant’ : ‘Вариант исполнения’,
    ‘quantity’: 1
    >
    ]
    >
    >
    >);
  • Передача статистики по удалениям товаров из корзины. Как и в случае с добавлением, вставляется после основного кода счетчика. dataLayer.push( <
    ‘ecommerce’ : <
    ‘ remove ‘ : <
    ‘products’ : [
    <
    ‘name’ : ‘НАЗВАНИЕ ТОВАРА7’, // обязательное
    ‘id’ : ‘АРТИКУЛ7 или ИДЕНТИФИКАТОР7’, // обязательное
    ‘price’ : 100,
    ‘brand’ : ‘Производитель или бренд7’,
    ‘category’ : ‘Категория товара7, до 5 позиций’,
    ‘variant’ : ‘Вариант исполнения’,
    ‘quantity’: 1
    >
    ]
    >
    >
    >);

    После добавления скрипта отобразятся данные статистики по интернет-магазину на Битриксе, а именно: количество товаров, добавленных в корзине, стоимость этих товаров, количество посетителей, добавивших товары в корзину, а так же аналогичные показатели для товаров, которые были удалены из корзины.

    Статистика покупок – собираются данные Ecommerce по оплаченным товарам, непосредственно по продажам.

    Код для вставки:

    dataLayer.push( <
    ‘ecommerce’ : <
    ‘purchase’ : <
    ‘actionField’ : <
    ‘id’ : ‘T12345’, // обязательное
    ‘affiliation’ : ‘Online Store’, // название магазина
    ‘revenue’ : 100, // сумма заказа
    ‘tax’ : 10, // налог
    ‘shipping’ : 20, //доставка
    ‘coupon’ : ‘Купон на скидку для транзакции’
    >,
    ‘products’ : [
    <
    ‘name’ : ‘НАЗВАНИЕ ТОВАРА7’, // обязательное
    ‘id’ : ‘АРТИКУЛ7 или ИДЕНТИФИКАТОР7’, // обязательное
    ‘price’ : 100,
    ‘brand’ : ‘Производитель или бренд7’,
    ‘category’ : ‘Категория товара7, до 5 позиций’,
    ‘variant’ : ‘Вариант исполнения’,
    ‘quantity’: 1,
    ‘coupon’ : ‘Купон на скидку для товара’
    >
    ]
    >
    >
    >);

    Отдельной особенностью служит показатель «’coupon’», отображающий используемый код промо при продажах. Позволяет отслеживать эффективность систем лояльности, e-mail-маркетинга и прочей рассылки, цель которой – возврат клиентов на сайт и повторные продажи.

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

    Существенно отличает и изменяет процесс реализации систем аналитики коммерции подключение «Google Tag Maganer» (GTM). Представленный сервис предназначен для облегчения процесса установки стороннего кода на сайт, а так же минимизации его количества. Вместо нагромождённого кода от систем аналитики Google, Яндекс и прочих сервисов используется универсальный блок-контейнер, устанавливающий связь между интернет-магазином и сервисом.

    Для использования GTM достаточно иметь учетную запись (почту) в Google.

    Для системы 1С Битрикс, код для подключения аналитики электронной коммерции с GTM будет иметь следующий вид:

    \Bitrix\Main\EventManager::getInstance()->addEventHandler(‘sale’, ‘OnSaleComponentOrderOneStepFinal’,
    array(‘\Olegpro\Handlers\Sale\OrderAjaxComponent’, ‘AddYandexMetricsEcommerceCode’)
    );

    Обзор WooCommerce: плагины для электронной коммерции на WordPress

    Если вы использовали WordPress для электронной коммерции, вы наверняка слышали о WooCommerce. Это жемчужина в мире электронной коммерции и считается одним из лучших плагинов для WordPress.

    WooCommerce не только имеет большой набор функций в компактном плагине WordPress, но и полностью бесплатна. В этом обзоре WooCommerce я опишу некоторые из лучших инструментов внутри WooCommerce, а также некоторую информацию о том, сколько вы потратите на установку плагина электронной коммерции.

    Довольно часто сравнивать WooCommerce с такими платформами, как Shopify or BigCommerce, Это прекрасно, но важно понять основные отличия. Для начала все эти платформы электронной коммерции обеспечивают аналогичные результаты.

    Цель состоит в том, чтобы создать веб-сайт с функциями электронной коммерции, и это то, что вы получаете с Shopify, WooCommerce, BigCommerceи все остальное.

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

    Это означает, что у вас будет больше контроля над вашим сайтом, но для этого потребуется немного больше знаний о хостинге, доменных именах и дизайне сайта. В то время как Shopify or BigCommerce предлагать полные пакеты электронной коммерции, с хостингом, инструментами, обработкой и дизайном, все это в аккуратном плане.

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

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

    Обзор WooCommerce: возможности

    Трудно охватить все функции WooCommerce в одном сообщении в блоге, но я обязательно попробую. Чтобы кратко объяснить, WooCommerce работает как плагин WordPress, где вы устанавливаете плагин, чтобы превратить ваш веб-сайт WordPress в полностью функциональный интернет-магазин. После этого он проведет вас через страницу конфигурации магазина, где вы заполните следующее:

    • Контактная информация магазина
    • Реквизиты платежа
    • Информация о доставке
    • Дополнительно, как автоматические налоги
    • Загрузка массового продукта

    По завершении в левой части панели инструментов WordPress отображаются две вкладки — одна для продуктов, а другая для ваших основных настроек WooCommerce. Здесь все консолидировано, что упрощает добавление в ваш магазин и управление тем, что происходит в будущем.

    Что касается некоторых из наших любимых функций, вот что ожидать:

    • Красивая система управления контентом (поскольку WooCommerce работает на WordPress).
    • Система, которая позволяет настроить ваш дизайн с визуальным построителем или через код.
    • Более 400 расширений и тысячи других плагинов WordPress для улучшения внешнего вида и функциональности вашего магазина. Например, вы можете создать сайт участника или добавить простую контактную форму. Все это возможно с плагинами и расширениями.
    • Доступ к REST API для управления и интеграции со всем, от продуктов до заказов.
    • Бесчисленные темы, чтобы ваш интернет-магазин выглядел именно так, как вы хотите, Некоторые из этих тем бесплатны, а некоторые продаются у сторонних поставщиков.
    • Красивые продукты и страницы оформления заказа, Они дополняются целевыми страницами и множеством других настраиваемых параметров, которые можно ожидать от полноценной платформы электронной коммерции.
    • Рейтинги и обзоры продуктов для повышения вашего SEO и сделайте покупки более информативными для ваших клиентов.
    • Неограниченные продукты, изображения и галереи, Практически все в WooCommerce безгранично, поэтому вам не придется беспокоиться о каких-либо ограничениях.
    • Расширенная сортировка и фильтрация товаров: tЭто делает ваш рейтинг в поисковых системах лучше, а также направляет ваших клиентов через множество продуктов.
    • Поддержка физических, цифровых и партнерских продуктов, Доступны неограниченные варианты, и вы можете импортировать и экспортировать большие списки продуктов.
    • Настраиваемые зоны оформления заказа с выездом гостейавтоматизированные электронные письма, налоговые опции, бесплатная доставка, встроенная обработка платежей и многое другое.

    Как вы можете видеть, список функций довольно длинный. И это только царапает поверхность.

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

    Обзор WooCommerce: простота использования

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

    Если вы решите установить плагин самостоятельно, это так же просто, как нажать две кнопки: Установить и активировать.

    Конфигурационный модуль позволяет вам ознакомиться с особенностями, такими как доставка, добавление продуктов, налогов и данных о компании. Затем на панели инструментов WordPress отображаются вкладки WooCommerce и Products слева.

    Это хорошо работает, поскольку все функции объединены в одну область. На вкладках открываются настройки для таких вещей, как заказы, купоны, отчеты и настройки. Вы также увидите варианты добавления продуктов, настройки категорий и управления атрибутами.

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

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

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

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

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

    WooCommerce, без сомнения, одна из самых простых платформ для электронной коммерции.

    Основной недостаток — это настройка (учитывая, что вам нужно найти свой собственный веб-хост, получить тему и перенести доменное имя) и кривую обучения, которая может появиться в WordPress. У нынешних пользователей WordPress не должно быть никаких проблем с этим, но полный новичок может найти WordPress в запугивании.

    Тем не менее, WordPress довольно легко учиться с широким спектром блоги, форумы и другие сообщества онлайн.

    Обзор WooCommerce: цены

    Ценообразование — это то, где он становится немного сложным с WooCommerce. Как мы уже упоминали, плагин WooCommerce WordPress можно скачать бесплатно. Не только это, но и программное обеспечение WordPress CMS также бесплатно.

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

    Итак, я хочу, чтобы снизить затраты на использование WooCommerce для средней установки.

    Вот что вам нужно:

    • WordPress — Бесплатная
    • Плагин WooCommerce — Бесплатная
    • Веб-хостинг — От $ 3 до сотен долларов в месяц (мы рекомендуем SiteGround or WP двигателя). Это скорее всего Небольшой веб-сайт будет в порядке с планом совместного хостинга от $ 5 до $ 10 в месяц, Но по мере масштабирования вам, вероятно, понадобится VPS или выделенный сервер. Те стоят дороже.
    • Тема WooCommerce — Бесплатно примерно до $ 200. Я лично не заплатил бы ничего больше, чем $ 100 за тему. Существует множество тем от $ 50 до $ 100, которые отлично работают. Помните, что это разовая стоимость.
    • Домен — Вам не нужно платить больше, чем $ 10 в год.
    • Плагины и расширения — Большинство магазинов электронной торговли не нужно платить за них. Тем не менее, некоторые расширения необходимы для нишевых сайтов, и вы можете обнаружить, что премиум-плагин по вашему вкусу. Хотя это может быть бесплатным, я собираюсь заплатить за это $ 10 в месяц, так как обычно я плачу за плагин или два.
    • Услуги веб-дизайна — Вы не можете поместить номер на это, но он может попасть в десятки тысяч. Моя рекомендация состоит в том, чтобы завершить как можно больше работы по дизайну, как вы сами. Тогда, возможно, потратите $ 500 здесь и там на качественную внештатную работу.

    Хорошо, так где же это оставляет нас по цене WooCommerce?

    Для нового, меньшего сайта WooCommerce, Я бы выделил около $ 500 авансом для темы, случайных задач проектирования и премиум-плагина или двух.

    ежемесячная стоимость будет около $ 10 для достойного общего хоста.

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

    Обзор WooCommerce: шаблоны и дизайны

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

    Я рекомендую перейти на ThemeForest и использовать систему рейтинга или выбрать авторитетного создателя темы, такого как ElegantThemes, StudioPress, ThemeFuse или Templatic.

    Это не страшная идея пойти со свободной темой WordPress из Тематическая библиотека WordPress, Но я лично считаю, что если вы работаете с реальным бизнесом, вы должны выбрать тему, которую, как вы знаете, будут сиять. Не только это, но и тематические компании премиум-класса предлагают поддержку.

    Что касается качества дизайна, те компании премиум-класса редко разочаровывают. Вы сможете запустить свой интернет-магазин за считанные минуты и импортировать демо-данные, поэтому вам не нужно создавать свой сайт с нуля.

    Дизайн завершается путем использования пользовательских инструментов темы. Однако вы также можете настроить параметры, работая с помощью WordPress Customizer.

    Обзор WooCommerce: плагины и расширения

    Одним из основных преимуществ использования WooCommerce является его интеграция с плагинами сторонних разработчиков WordPress и расширениями, которые продаются через WooCommerce.

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

    Расширения обычно стоят денег, но WooCommerce продает много из них. Например, вы можете включить надстройки во время процесса проверки. Для этого есть расширение. Он также имеет расширения для таких вещей, как формы, редактирование поля проверки, название ваших ценовых инструментов и минимальные / максимальные количества.

    Некоторые плагины WordPress предназначены для WooCommerce, но подавляющее большинство из них просто для улучшения вашего общего сайта. Не нужно беспокоиться, так как все плагины WordPress прекрасно взаимодействуют с плагином WooCommerce.

    Итак, если вы хотите добавить контактную форму, вы можете обратиться в контактную форму 7. Существует также множество антиспамовых, социальных сетей, электронной почты, маркетинга, бухгалтерского учета и плагинов для SEO. Требуется только быстрый поиск, чтобы найти то, что вы ищете, поэтому плагины и расширения имеют решающее значение при создании идеального интернет-магазина.

    Обзор WooCommerce: маркетинг и SEO

    Что касается поисковой оптимизации, WooCommerce поддерживается базовыми инструментами поисковой системы в WordPress. Это означает, что он автоматически создает заголовки и метаданные для результатов вашей поисковой системы. У WooCommerce нет каких-либо функций SEO, но вы можете добавлять плагины, такие как Yoast, чтобы улучшить то, как вы нацеливаете ключевые слова.

    У WooCommerce не так много встроенных функций маркетинга. Автоматизированные электронные письма отправляются, когда кто-то совершает покупку, поэтому вы можете абсолютно использовать их для брендинга и информировать людей о других продуктах. Тем не менее, ваш лучший выбор — рассмотреть услугу электронной почты, такую ​​как MailChimp, а затем интегрировать электронную форму optin. Средства социальных сетей и целевые страницы также доступны через различные темы и плагины.

    Обзор WooCommerce: обработка платежей

    Stripe и PayPal — самые популярные платежные системы в WooCommerce. Плагин предлагает мгновенные инструменты настройки для обоих.

    WooCommerce также поддерживает другие шлюзы платежей 100, поэтому вы можете выбрать из гигантского списка и выяснить, какой из них лучше всего работает в вашем регионе или для вашего бюджета. Это важно, поскольку вы можете в конечном итоге платить больше за транзакционные сборы за один платежный шлюз над другим. Однако WooCommerce не берет дополнительных комиссий за транзакции, так что это, безусловно, плюс.

    Одна из причин, по которой мне нравятся такие многочисленные платежные шлюзы, заключается в том, что она открывает онлайн-коммерцию для всех видов бизнеса. Некоторые шлюзы не позволяют предприятиям в странах с высоким уровнем риска. И иногда вы найдете шлюз с более дешевыми тарифами для конкретных отраслей или некоммерческих организаций. С помощью шлюзов 100 вы обязательно найдете что-то для своего бизнеса.

    Обзор WooCommerce: безопасность

    Платформа WooCommerce регулярно проверяется Sucuri, поэтому у вас постоянно есть известный бренд безопасности, проверяющий общую экосистему вашего плагина. Кроме того, код WooCommerce безопасен, но вам также нужно найти хорошего веб-хоста, который не собирается открывать ваши файлы хакерам.

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

    Вы должны быть в состоянии спокойно отдыхать, зная, что ваш сайт безопасен, а ваша информация о клиенте зашифрована. Помните только, что вам нужно получить свой собственный сертификат SSL. Общий SSL можно получить через сайт Let’s Encrypt. Или у вас есть возможность купить частный.

    Обзор WooCommerce: обслуживание клиентов

    Обслуживание клиентов — это смешанная сумка с WooCommerce. В этом обзоре WooCommerce вы, вероятно, заметили, что существует большое сообщество людей, которые делают продукты WooCommerce и каждый день говорят о WooCommerce.

    Поскольку WooCommerce предоставляет свой продукт бесплатно, он не обеспечивает прямую поддержку. Однако это не означает, что вы не можете решить проблемы с небольшим исследованием. Например, WooCommerce предлагает замечательную страницу документации, и вам разрешено отправлять электронные письма, если у вас есть что-то конкретное.

    Многие блоги и форумы также посвящены плагину WooCommerce, поэтому большую часть времени вам нужно только выполнить быстрый поиск Google, чтобы найти то, что вы ищете.

    WordPress — это то же самое. Большую часть времени вам приходится самостоятельно решать свои проблемы и задавать вопросы на форумах. Я обычно начинаю с Google, а затем заходим в некоторые из моих любимых блогов, чтобы убедиться, что могу решить проблему.

    Кто должен рассматривать WooCommerce как свою платформу электронной коммерции?

    Если у вас нет интереса платить ежемесячную плату за такую ​​платформу, как Shopify or BigCommerce, WooCommerce может быть для вас. я рекомендую WooCommerce для владельцев электронной коммерции, которые не хотят никаких ограничений в своих интернет-магазинах. Это позволяет вам масштабировать и настраивать все, что вы хотите, и кривая обучения не так уж плоха.

    Однако, если вы являетесь полным новичком в разработке веб-сайтов в целом, некоторые из таких простых платформ, как Wix Shopify может работать лучше.

    Yandex Metrica: Website and Ecommerce Analytics

    Connect Yandex.Metrica analytics tools with your online store

    • Полная интеграция с Яндекс.Метрика
    • Простое добавление счетчика
    • Работа с данными по электронной коммерции

    Интеграция сервиса Яндекс.Метрика с поддержкой eCommerce аналитики

    Disclaimer: This application is built especially for Russian merchants to track and analyze store data with the popular analytics service from Yandex.

    Яндекс.Метрика позволит вам оценить эффект рекламной кампании для интернет-магазина, отследить интерес и проанализировать поведение покупателей на витрине.

    Вебвизор поможет вам следить за действиями посетителей на сайте: наблюдайте за зонами активности пользователей на сайте на видеозаписях их посещений.

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

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

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

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

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

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

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

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

    Если у вас на сайте стоит код без включенной коммерции, его нужно заменить (просто проверьте наличие данной строчки в коде на странице сайта):

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

    Итак, вы включили коммерцию и заменили код на сайте. Теперь, самое интересное: подключение сайта.

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

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

    Теперь пройдемся по действиям. В первую очередь, это просмотр товара. Причем, просмотр может быть как в списке товаров, так и на карточке товара. По моему личному мнению, просмотр каталога не дает нам никакой ценной информации о том, заинтересовал ли товар, а проанализировать страницы каталога можно и в обычном отчете по посещенным страницам. Поэтому мы будем учитывать только просмотры товаров при заходе на карточку товара. Для этого в файле 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) и то, что срабатывать она должна только при клике на кнопку «Купить».
    Для этого мы создаем отдельную функцию и добавляем код туда:

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

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

    Все, теперь мы знаем, какой товар смотрели, какой в корзину положили. Далее, на странице корзины аналогичным образом мы добавляем функцию удаления товара из корзины. Все 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 цели).
    В результате код превратиться в нечто такое:

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

    var temp=$(“#formated_special”).html();
    temp1=temp.split(‘р’);
    temp1=temp1[0].replace(/ /g,”);
    var temp2=+temp1;
    return temp2;

    var temp=$(“#formated_price”).html();
    temp1=temp.split(‘р’);
    temp1=temp1[0].replace(/ /g,”);
    var temp2=+temp1;
    return temp2;

    Ну можно и так, хотя мне через регулярку удобней, как написал выше.
    по поводу скидки тоже есть разные варианты, можно на уровне php можно на уровне js. Вот например так:
    function getprice() <

    var temp=$(“#formated_special”).html();
    temp1=temp.split(‘р’);
    temp1=temp1[0].replace(/ /g,”);
    var temp2=+temp1;
    return temp2;

    var temp=$(“#formated_price”).html();
    temp1=temp.split(‘р’);
    temp1=temp1[0].replace(/ /g,”);
    var temp2=+temp1;
    return temp2;

    Тут пхп вырезается поэтому я пробелы поставил удалите их.
    var newprice=getprice();

    Ecommerce Яндекс.Метрика — настройка передачи данных о покупк

    Должно подходить всем)

    1. Перед закрывающим тегом добавляем код счетчика Метрики со включенным Ecommerce — включается в настройках счетчика на сайте Метрики.

    2. Непосредственно перед кодом счетчика вставляем следующий код:

    3. На странице checkout.success.html в самом верху добавляем следующий код:

    Собственно все работает, осталось только заменить правильными переменными 3 параметра.

    Вопрос: Подскажите, как подставлять эти параметры:

    СУММА ЗАКАЗА

    СУММА ЗА ДОСТАВКУ

    НАЗВАНИЕ КАТЕГОРИИ

    1 ответ

    С этим разобрались:

    СУММА ЗАКАЗА = $order.total

    СУММА ЗА ДОСТАВКУ = $order.shipping

    Осталось отправлять главную категорию для каждого товара:

    Топ-пост этого месяца:  Google исходящие ссылки не влияют на результаты ранжирования
  • Добавить комментарий