На примере сайта demo.moguta.ru настроим стандартные цели для интернет-магазина
- "Переход в корзину" url: содержит http://demo.moguta.ru/cart
"Страница оформления оформление" url: совпадает http://demo.moguta.ru/order
"Создан новый заказ" url: содержит http://demo.moguta.ru/order?creation=1
Как повесить цель на кнопку купить
1. Открываем файл script.js в вашем шаблоне и в конец файла вставляем следующий код:
- Код: Выделить всё
$(document).ready(function(){
$("body").on("click", ".addToCart", function(){
alert('Сработал клик по кнопке купить');
});
});
2. Сбрасываем кэш сайта и кэш браузера.
3. Переходим в разделкаталога и кликаем на кнопку "купить", если при этом появилось сообщение 'Сработал клик по кнопке купить', значит все сделано верно.
4. Замените в коде строчку
alert('Сработал клик по кнопке купить');
на
yaCounter15403XXX.reachGoal('название цели');
Должно получиться так:
- Код: Выделить всё
$(document).ready(function(){
$("body").on("click", ".addToCart", function(){
yaCounter15403XXX.reachGoal('название цели');
});
});
где:
yaCounter15403XXX - ваш номер счетчика, узнать можно в яндекс.метрике.
'название цели' - идентификатор цели, например ya_1 который вы задали яндекс.метрике при создании цели.
Как повесить цель на нажатие любой кнопки
Если вам требуется отследить цели при нажатии на любой элемент на странице, необходимо сначала в верстке страницы добавить уникальный класс к этому элементу , например
<button class="actioner_1">Целевая кнопка</button >
Тогда в js нужно написать следующий код
- Код: Выделить всё
$("body").on("click", ".actioner_1", function(){
yaCounter15403XXX.reachGoal('ya_2');
});
где ya_2 - это идентификатор цели созданной в яндекс.метрике