Pryadko (обсуждение | вклад) Метки: визуальный редактор правка из мобильной версии правка с мобильного устройства |
Pryadko (обсуждение | вклад) Метка: визуальный редактор отключён |
||
| Строка 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.< | + | <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() { |
| − | + | 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() { | |
| − | + | yaCounterХХХХХХХХ.reachGoal('НАЗВАНИЕ_СОБЫТИЯ'); | |
| − | + | }); | |
| − | }); | + | }); |
</script> | </script> | ||
</source> | </source> | ||
| − | Указываем submit, если нужно вызвать событие при отправке формы. Например, формы | + | |
| − | + | Указываем 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']) | ||
| − | + | На месте ХХХХХХХХ в коде цели нужно указать индивидуальный номер счетчика метрики.<br> | |
| − | + | Названия самих целей - произвольные, их вы должны придумать самостоятельно. | |
| − | + | ||
| − | + | Вот пример итогового кода для добавления цели на форму обратной связи: | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | < | ||
| − | |||
<source lang="javascript"> | <source lang="javascript"> | ||
<script> | <script> | ||
| − | + | $(document).ready(function(){ | |
| − | + | $(document).on("submit", "#wFeedbackForm", function() { | |
| − | + | ym(ХХХХХХХХ,'reachGoal','Feedback'); | |
| − | |||
}); | }); | ||
| + | }); | ||
</script> | </script> | ||
</source> | </source> | ||
| − | + | <br> | |
| − | < | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
=Примеры кодов= | =Примеры кодов= | ||
| Строка 76: | Строка 89: | ||
<source lang="javascript"> | <source lang="javascript"> | ||
| − | $(document).on("submit", "#wFeedbackForm", function() { | + | <script> |
| − | + | $(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> |
| − | + | $(document).ready(function(){ | |
| + | $(document).on("submit", "#callOrderForm", function() { | ||
| + | ym(ХХХХХХХХ,'reachGoal','callOrder'); | ||
| + | }); | ||
}); | }); | ||
| + | </script> | ||
</source> | </source> | ||
| Строка 94: | Строка 115: | ||
<source lang="javascript"> | <source lang="javascript"> | ||
| − | $(document). | + | <script> |
| − | + | $(document).ready(function(){ | |
| + | $('.addToBasketLink').on("click", function() { | ||
| + | ym(ХХХХХХХХ, 'reachGoal', 'addToBasket'); | ||
| + | }); | ||
}); | }); | ||
| + | </script> | ||
</source> | </source> | ||
| Строка 106: | Строка 131: | ||
event, | event, | ||
function (link) { | function (link) { | ||
| − | + | ym(ХХХХХХХХ, 'reachGoal', 'posmotret_ceny'); | |
}, | }, | ||
function (link) { | function (link) { | ||
| Строка 119: | Строка 144: | ||
<source lang="javascript"> | <source lang="javascript"> | ||
| − | $(document).on( | + | <script> |
| − | + | $(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') { | ||
| − | + | 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
Увеличенный фрагмент исходного кода.
Если указать 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, то цель достигнута.