Открыть главное меню

Goals: различия между версиями

Метки: визуальный редактор правка из мобильной версии правка с мобильного устройства
Строка 5: Строка 5:
  
 
Первоначально ознакомьтесь с документацией на странице https://yandex.ru/support/metrika/general/goal-js-event.html#js-event<br>
 
Первоначально ознакомьтесь с документацией на странице https://yandex.ru/support/metrika/general/goal-js-event.html#js-event<br>
Документация для новой версии кода Метрики (с 6.12.2018) доступна на странице https://yandex.ru/support/metrika/objects/reachgoal.html<br>
+
Документация для новой версии кода Метрики (с 6.12.2018) доступна на странице https://yandex.ru/support/metrika/objects/reachgoal.html<br>Далее берем пример нижеуказанного кода, правим его и добавляем либо в инфоблок headScripts или в тот же инфоблок, где подключается метрика, например в sitefootinfo4, footer_copyright.
Далее берем пример нижеуказанного кода, правим его и добавляем либо в инфоблок headScripts или в тот же инфоблок, где подключается метрика, например в sitefootinfo4, footer_copyright.<p>
+
<br />
 +
Если в коде самого счетчика Метрики указано  ym(ХХХХХХХХ, ...), значит у Вас новая версия кода Метрики и нужно использовать:
 +
 
 +
<source lang="javascript">
 +
<script>
 +
  $(document).ready(function(){
 +
    $(document).on("click", "#celector", function() {
 +
    ym(ХХХХХХХХ,'reachGoal','НАЗВАНИЕ_СОБЫТИЯ');
 +
    });
 +
  });
 +
</script>
 +
</source>
 +
 
 +
или
 +
 
 
<source lang="javascript">
 
<source lang="javascript">
 
<script>
 
<script>
$(document).ready(function(){
+
  $(document).ready(function(){
  $(document).on("submit", "#celector", function() {
+
    $(document).on("click", "#celector", function() {
yaCounterХХХХХХХХ.reachGoal('НАЗВАНИЕ_СОБЫТИЯ');
+
    ym(ХХХХХХХХ,'reachGoal','НАЗВАНИЕ_СОБЫТИЯ');
 +
    });
 +
  });
 +
</script>
 +
</source>
 +
 
 +
Если в коде самого счетчика Метрики указано  yaCounterХХХХХХХХ, значит у Вас предыдущая версия кода Метрики и нужно использовать:
 +
 
 +
<source lang="javascript">
 +
<script>
 +
  $(document).ready(function(){
 +
  $(document).on("submit", "#celector", function() {
 +
    yaCounterХХХХХХХХ.reachGoal('НАЗВАНИЕ_СОБЫТИЯ');
 +
  });
 
  });
 
  });
});
 
 
</script>
 
</script>
 
</source>
 
</source>
 +
 
или
 
или
 +
 
<source lang="javascript">
 
<source lang="javascript">
 
<script>
 
<script>
$(document).ready(function(){
+
  $(document).ready(function(){
$(document).on("click", "#celector", function() {
+
  $(document).on("click", "#celector", function() {
yaCounterХХХХХХХХ.reachGoal('НАЗВАНИЕ_СОБЫТИЯ');
+
    yaCounterХХХХХХХХ.reachGoal('НАЗВАНИЕ_СОБЫТИЯ');
});
+
  });
});
+
  });
 
</script>
 
</script>
 
</source>
 
</source>
Указываем submit, если нужно вызвать событие при отправке формы. Например, формы регистрации (т.е. где заполняются поля). В таком случае в качестве "#celector" указываем имя/id этой формы.  
+
 
Вот пример кода формы <source lang="javascript"><form method="post" action="/?page=reg&switch_to_opt" NAME="form1" id="formRegWholesale"></source> поэтому будет "#formRegWholesale".
+
Указываем submit, если нужно вызвать событие при отправке формы. Например, формы обратной связи (т.е. где заполняются поля). В этом случае в качестве "#celector" указываем имя/id этой формы. Id у этой формы - wFeedbackForm
  
 
[[Файл:Выделение 999(019).jpg|900px]]
 
[[Файл:Выделение 999(019).jpg|900px]]
Строка 39: Строка 67:
 
Если указать click, тогда цель будет срабатывать при каждом клике на кнопку. В таком случае в качестве "#celector" указываем ".класс" или "#id" ссылки. Либо, если того и того нет, то name (в квадратных скобках [name='button'])
 
Если указать click, тогда цель будет срабатывать при каждом клике на кнопку. В таком случае в качестве "#celector" указываем ".класс" или "#id" ссылки. Либо, если того и того нет, то name (в квадратных скобках [name='button'])
  
В коде вызывается метод объекта yaCounterХХХХХХХХ, где ХХХХХХХХ - индивидуальный номер счетчика клиента. Название объекта везде на сайте должно совпадать.
+
На месте ХХХХХХХХ в коде цели нужно указать индивидуальный номер счетчика метрики.<br>
Создание объекта метрики выглядит примерно так:
+
Названия самих целей - произвольные, их вы должны придумать самостоятельно.  
<source lang="javascript">
+
 
w.yaCounterХХХХХХХХ = new Ya.Metrika({id:ХХХХХХХХ,
+
Вот пример итогового кода для добавления цели на форму обратной связи:
webvisor:true,
 
clickmap:true,
 
trackLinks:true,
 
accurateTrackBounce:true,params:window.yaParams||{ }});
 
</source>
 
Этот код можно поискать по странице и узнать название объекта. Названия целей для кнопок произвольные, их вы должны придумать самостоятельно. Вот пример итогового кода для добавления
 
 
<source lang="javascript">
 
<source lang="javascript">
 
<script>
 
<script>
    $(document).ready(function(){
+
  $(document).ready(function(){
          $(document).on("submit", "#formRegWholesale", function() {
+
    $(document).on("submit", "#wFeedbackForm", function() {
          yaCounterХХХХХХХХХ.reachGoal('REGISTER_OPT');
+
      ym(ХХХХХХХХ,'reachGoal','Feedback');
          });
 
 
     });
 
     });
 +
  });
 
</script>
 
</script>
 
</source>
 
</source>
Если необходимо навесить цель на отправку вин-запроса (на странице vinquery кнопка "Отправить запрос"), то код будет немного другой, т.к. у кнопки нет id/имени формы и она отправлется ajax'ом. Код будет вида:
+
<br>
<source lang="javascript">
 
<script>
 
$(document).ready(function(){
 
  $('.wVinquAdd input.submit-query').on("click", function() {
 
  yaCounterХХХХХХХХХ.reachGoal('НАЗВАНИЕ_СОБЫТИЯ');
 
  });
 
});
 
</script>
 
</source>
 
  
 
=Примеры кодов=
 
=Примеры кодов=
Строка 76: Строка 89:
  
 
<source lang="javascript">
 
<source lang="javascript">
$(document).on("submit", "#wFeedbackForm", function() {
+
<script>
  yaCounterХХХХХХХХ.reachGoal('Feedback');
+
$(document).ready(function(){
 +
  $(document).on("submit", "#wFeedbackForm", function() {
 +
    ym(ХХХХХХХХ,'reachGoal','Feedback');
 +
  });
 
  });
 
  });
 +
</script>
 
</source>
 
</source>
  
Строка 84: Строка 101:
  
 
<source lang="javascript">
 
<source lang="javascript">
$(document).on("submit", "#callOrderForm", function() {
+
<script>
yaCounterХХХХХХХХ.reachGoal('callOrder');
+
$(document).ready(function(){
 +
  $(document).on("submit", "#callOrderForm", function() {
 +
    ym(ХХХХХХХХ,'reachGoal','callOrder');
 +
  });
 
  });
 
  });
 +
</script>
 
</source>
 
</source>
  
Строка 94: Строка 115:
  
 
<source lang="javascript">
 
<source lang="javascript">
   $(document).on('click', '.addToBasketLink', function(event) {
+
<script>
  yaCounterХХХХХХХХ.reachGoal('addToBasket');
+
   $(document).ready(function(){
 +
    $('.addToBasketLink').on("click", function() {
 +
    ym(ХХХХХХХХ, 'reachGoal', 'addToBasket');
 +
    });
 
   });
 
   });
 +
</script>
 
</source>
 
</source>
  
Строка 106: Строка 131:
 
       event,
 
       event,
 
       function (link) {
 
       function (link) {
         yaCounterXXXXXXXX.reachGoal('posmotret_ceny');
+
         ym(ХХХХХХХХ, 'reachGoal', 'posmotret_ceny');
 
       },
 
       },
 
       function (link) {
 
       function (link) {
Строка 119: Строка 144:
  
 
<source lang="javascript">
 
<source lang="javascript">
   $(document).on('click', '.orderCheckNoReturn, .cartSendOrderButton', function(event) {
+
<script>
   yaCounterXXXXXXXX.reachGoal('SendOrder');
+
$(document).ready(function(){
 +
   $(document).on("click", ".cartSendOrderButton", function() {
 +
   ym(ХХХХХХХХ, 'reachGoal', 'SendOrder');
 
   });
 
   });
 +
});
 
</source>
 
</source>
  
Строка 128: Строка 156:
  
 
<source lang="javascript">
 
<source lang="javascript">
 +
<script>
 
$(window).load(function() {
 
$(window).load(function() {
 
         var ordercomplete = window.location.search;
 
         var ordercomplete = window.location.search;
 
         var page = window.location.pathname;
 
         var page = window.location.pathname;
 
         if (page == '/cart' && ordercomplete == '?ordercomplete') {
 
         if (page == '/cart' && ordercomplete == '?ordercomplete') {
            yaCounterXXXXXXXX.reachGoal(ordercomplete);
+
          ym(ХХХХХХХХ, 'reachGoal', 'OrderComplete');
 
         };
 
         };
    });
+
});
 +
</script>
 +
</source>
 +
 
 +
==Vin-запрос==
 +
===Отправка Vin-запроса===
 +
<source lang="javascript">
 +
<script>
 +
$(document).ready(function(){
 +
  $(".vinqu-step-navigate-btn-flex [href='#info']").on("click", function() {
 +
    ym(ХХХХХХХХ,'reachGoal','Vin');
 +
  });
 +
});
 +
</script>
 
</source>
 
</source>
 +
 +
==Регистрация==
 +
Чтобы установить цель на регистрацию розничных и оптовых клиентов, на стороне платформы указывать ничего не требуется. Вам нужно на стороне Метрики задать цель на достижение определенного url. Т.е. если клиент попал на определенный url, то цель достигнута.

Версия 13:24, 24 сентября 2020

Установка целей для Яндекс.Метрики


Общие положения

Первоначально ознакомьтесь с документацией на странице https://yandex.ru/support/metrika/general/goal-js-event.html#js-event
Документация для новой версии кода Метрики (с 6.12.2018) доступна на странице https://yandex.ru/support/metrika/objects/reachgoal.html
Далее берем пример нижеуказанного кода, правим его и добавляем либо в инфоблок headScripts или в тот же инфоблок, где подключается метрика, например в sitefootinfo4, footer_copyright.
Если в коде самого счетчика Метрики указано ym(ХХХХХХХХ, ...), значит у Вас новая версия кода Метрики и нужно использовать:

<script>
  $(document).ready(function(){
    $(document).on("click", "#celector", function() {
     ym(ХХХХХХХХ,'reachGoal','НАЗВАНИЕ_СОБЫТИЯ');
    });
  });
</script>

или

<script>
  $(document).ready(function(){
    $(document).on("click", "#celector", function() {
     ym(ХХХХХХХХ,'reachGoal','НАЗВАНИЕ_СОБЫТИЯ');
    });
  });
</script>

Если в коде самого счетчика Метрики указано yaCounterХХХХХХХХ, значит у Вас предыдущая версия кода Метрики и нужно использовать:

<script>
 $(document).ready(function(){
   $(document).on("submit", "#celector", function() {
     yaCounterХХХХХХХХ.reachGoal('НАЗВАНИЕ_СОБЫТИЯ');
   });
 });
</script>

или

<script>
  $(document).ready(function(){
   $(document).on("click", "#celector", function() {
    yaCounterХХХХХХХХ.reachGoal('НАЗВАНИЕ_СОБЫТИЯ');
   });
  });
</script>

Указываем submit, если нужно вызвать событие при отправке формы. Например, формы обратной связи (т.е. где заполняются поля). В этом случае в качестве "#celector" указываем имя/id этой формы. Id у этой формы - wFeedbackForm

Выделение 999(019).jpg

Увеличенный фрагмент исходного кода.

Выделение 999(020).jpg

Если указать click, тогда цель будет срабатывать при каждом клике на кнопку. В таком случае в качестве "#celector" указываем ".класс" или "#id" ссылки. Либо, если того и того нет, то name (в квадратных скобках [name='button'])

На месте ХХХХХХХХ в коде цели нужно указать индивидуальный номер счетчика метрики.
Названия самих целей - произвольные, их вы должны придумать самостоятельно.

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

<script>
   $(document).ready(function(){
     $(document).on("submit", "#wFeedbackForm", function() {
       ym(ХХХХХХХХ,'reachGoal','Feedback');
     });
   });
</script>


Примеры кодов

Формы

Форма обратной связи

<script>
 $(document).ready(function(){
   $(document).on("submit", "#wFeedbackForm", function() {
    ym(ХХХХХХХХ,'reachGoal','Feedback');
   });
 });
</script>

Форма заказа обратного звонка

<script>
 $(document).ready(function(){
   $(document).on("submit", "#callOrderForm", function() {
    ym(ХХХХХХХХ,'reachGoal','callOrder');
   });
 });
</script>

Корзина и оформление заказа

Нажать на кнопку “положить в корзину”

<script>
  $(document).ready(function(){
    $('.addToBasketLink').on("click", function() {
     ym(ХХХХХХХХ, 'reachGoal', 'addToBasket');
    });
  });
</script>

Нажатие на кнопку “посмотреть цены” в каталоге

 $(document).on('click', '.priceButton a', function(event) {
    createDeferredSubmitter(
      event,
      function (link) {
        ym(ХХХХХХХХ, 'reachGoal', 'posmotret_ceny');
      },
      function (link) {
        link.click();
      },
      this
    );
  });

Нажать на кнопку “Оформить заказ”

<script>
$(document).ready(function(){
  $(document).on("click", ".cartSendOrderButton", function() {
   ym(ХХХХХХХХ, 'reachGoal', 'SendOrder');
  });
});

Отправка заказа (переход на страницу /cart?ordercomplete)

Данный код необходимо размещать в инфоблоке cartSendOrderBottom

<script>
$(window).load(function() {
        var ordercomplete = window.location.search;
        var page = window.location.pathname;
        if (page == '/cart' && ordercomplete == '?ordercomplete') {
           ym(ХХХХХХХХ, 'reachGoal', 'OrderComplete');
        };
});
</script>

Vin-запрос

Отправка Vin-запроса

<script>
 $(document).ready(function(){
   $(".vinqu-step-navigate-btn-flex [href='#info']").on("click", function() {
     ym(ХХХХХХХХ,'reachGoal','Vin');
   });
 });
</script>

Регистрация

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