Электронная коммерция для Яндекс.Метрики в Virtuemart

Опубликовано: 9 ноября, 2018

Обновлено: 5 февраля, 2023

Категория: Сервисы

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

Фиксируются следующие действия:

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

Интегрировать электронную коммерцию для Метрики на сайт можно с помощью готовых плагинов. Это быстрый, но платный вариант. Цель статьи - показать как можно самостоятельно добавить отслеживание всех действий (кроме удаления товара из корзины).

Более подробно прочитать о работе технологии можно в документации от Яндекса.

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

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

1	ecommerce:"dataLayer"

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

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

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

Для фиксации просмотра товара в шаблон /components/com_virtuemart/views/productdetails/tmpl/default.php в самый конец нужно добавить следующий код

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

</script>

dataLayer.push({

'ecommerce' : {

'detail' : {

'products' : [

{

'name' : '<?php echo $this->product->product_name; ?>',

'id' : <?php echo $this->product->virtuemart_product_id; ?>,

'price' : <?php echo $this->product->prices['salesPrice']; ?>,

'brand' : '<?php echo $this->product->mf_name; ?>',

'category' : '<?php echo $this->product->category_name; ?>'

}

]

}

});

</script>

Здесь и далее будут указаны стандартные пути до шаблонов. На вашем сайте данные шаблоны могут быть переопределены в папке /templates/имя_шаблона/html/com_virtuemart/. Если файл переопределен, то правки нужно вносить именно в переопределенный файл.

Чтобы правки сохранились после обновления virtuemart, все отредактированные шаблоны нужно переопределить в папке /templates/имя_шаблона/html/com_virtuemart/.

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

Метод ниже подойдет, если при добавлении в корзину показывается всплывающее окно с информацией о товаре.

В конец файла /components/com_virtuemart/views/cart/tmpl/padded.php добавьте

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

</script>

dataLayer.push({

'ecommerce': {

'add': {

'products': [

{

'id': <?php echo $this->products[0]->virtuemart_product_id ?>,

'name': '<?php echo $this->products[0]->product_name; ?>',

'price': <?php echo round($this->products[0]->prices['product_price']); ?>,

'brand': '<?php echo $this->products[0]->mf_name; ?>',

'category': '<?php echo $this->products[0]->category_name; ?>',

'quantity': <?php echo $this->products[0]->quantity; ?>

}

]

}

});

</script>

Покупка товара

Для отслеживания покупки в шаблон /components/com_virtuemart/views/cart/tmpl/orderdone.php с благодарностью о заказе нужно добавить код

<?php

$orderItems = $this->cart->orderDetails['items'];

$orderNumber = $this->cart->orderDetails['details']['BT']->order_number;

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

</script>

dataLayer.push({

'ecommerce': {

'purchase': {

'actionField': {

'id' : '<?php echo $orderNumber; ?>'

'products': [

<?php

$count = count($orderItems);

foreach($orderItems as $k => $orderItem) { ?>

{

'id': '<?php echo $orderItem->virtuemart_product_id; ?>',

'name': '<?php echo $orderItem->order_item_name; ?>',

'price': <?php echo round($orderItem->product_final_price); ?>,

'brand': '<?php echo $orderItem->mf_name; ?>',

'category': '<?php echo $orderItem->category_name; ?>',

'quantity': <?php echo $orderItem->product_quantity; ?>

}<?php if($count - $k > 1) echo ','; ?>

<?php

}

]

}

});

</script>

Просмотр отчета в Метрике

Данные в Метрике появляются не сразу, а в течение 3-5 минут. Просмотреть всю статистику можно в списке всех отчетов.

Сам отчет выглядит следующим образом

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

JediG

9 ноября, 2018 at 15:59

Круто! Надо будет попробовать. Думал об этом, но показалось слишком сложным.

JediG

4 декабря, 2018 at 12:48

Вроде все сделал по согласно описанному выше. Через какое-то время заработало. Товар в Корзину кладут, а вот Заказов в отчетах так и нет. Вероятно, что-то не так с
/components/com_virtuemart/views/cart/tmpl/orderdone.php
Но что не так не пойму. Скрипт добавил вот сюда:
.../mi55.ru/docs/templates/t3_bs3_blank/html/com_virtuemart/views/cart/tmpl/orderdone.php

Может это не тот orderdone.php?

JediG

4 декабря, 2018 at 12:50

1	.../mi55.ru/docs/templates/t3_bs3_blank/html/com_virtuemart/views/cart/tmpl

будто выше обрезало путь
шаблон mobillife

Электронная коммерция для Яндекс.Метрики в Virtuemart

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

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

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

Покупка товара

Просмотр отчета в Метрике

Похожие статьи :

73 комментария

yrygvay

yrygvay

sportmag52-shop

sportmag52-shop

sportmag52-shop

sportmag52-shop

sportmag52-shop

sportmag52-shop

yrygvay

KeshaK

KeshaK

KeshaK

KeshaK

KeshaK

Tobi

andpuxa

Thanos

Tobi

Tobi

Tobi