Как настроить цели Яндекс.Метрики

На примере сайта demo.moguta.ru настроим стандартные цели для интернет-магазина

Часто отслеживаемые цели

  • "Переход в корзину" url: содержит http://demo.moguta.ru/cart
  • "Страница оформления заказа" url: совпадает http://demo.moguta.ru/order
  • "Создан новый заказ" url: содержит http://demo.moguta.ru/order?creation=1 При настройке этой цели, в Яндекс.Метрике нужно проставь галочку: "эта цель описывает подтверждение заказа на моём сайте"

Вместо demo.moguta.ru подставьте ваш домен.


Как повесить цель на кнопку купить

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 - это идентификатор цели созданной в Яндекс.Метрике.