Как настроить цели яндекс.метрики на нажатие кнопки «Подтвердить заказ» (WooCommerce)?

Question

[rusmaiolika]

Доброго времени суток!
Пытаюсь настроить цели яндекс метрики на подтверждение заказа в корзине. Но элементарно не могу даже найти в какой кнопке "прикрутить" событие. Возникает вопрос, где найти нужный файл? и есть подозрение что при обновлении плагина все мои доработки удаляться. Можно ли допустим в какой нибудь виджет прописать функцию, которая будет реагировать на нажатие сторонней кнопки?

Вот кусок кода уже сформированной страницы, кнопка на которую нужно настроить событие.

Comments

[Mr Crabbz]

код еще раз покажите. не отобразился

Answer 1

[Mr Crabbz]

Проще повесить цель на попадание по странице "order-received":


Или пример с javascript:

Comments

[rusmaiolika]

Роман. респект и уважуха!

[Mr Crabbz]

rusmaiolika: но на кнопки повесить цели - тоже несложно. У меня в последнем проекте вот так: https://yadi.sk/i/FHWZn-hQq5KSt

[rusmaiolika]

Роман Краббз: Первый вариант как раз для меня) Спасибо!

[Олег Громель]

Роман Краббз: Роман, обновите, если не сложно, линк на файл - сейчас нет доступа. Заранее спасибо!

[Mr Crabbz]

Олег Громель: обновил ответ

[Олег Громель]

Роман Краббз: Спасибо. Я правильно понял - например, добавить в корзину:
$(function () {
$("div.woocommerce-variation-add-to-cart button.single_add_to_cart_button").bind("click", function(){
yaCounter12345678.reachGoal('added');
});
});
И добавляем в метрике цель "JavaScript событие", идентификатор "added", все верно?

[Mr Crabbz]

Олег Громель: да, если у вас woocommerce. Только селектор кнопки "Добавить в корзину" перепроверьте. У вас сейчас только на вариантивные товары этот код будет действовать.

[Олег Громель]

Роман Краббз: Спасибо. Селектор от вариативных товаров как пример взял.

[Олег Громель]

Роман Краббз: Добрый вечер. Добавил скрипт и цель, но статистика так и не появилась. В консоли хрома была ошибка (для примера номер заменил на 12345678):
Uncaught ReferenceError: yaCounter12345678 is not defined
Добавил window.onload (прочитал в хелпе Яндекса), ошибка пропала, но статистика по нажатию кнопки (через reachGoal) так и не собирается.
Подскажите, что я не так делаю?
Итоговый код (к кнопке добавил кастомный класс) на :
jQuery(function($) {
$(".metrika_added_cart").bind("click", function(){
window.onload = function() {
yaCounter12345678.reachGoal('added_cart');
return true;
}
});
});

[Mr Crabbz]

Олег Громель: ну вы так то сюда: yaCounter12345678 цифры своего счётчика вставьте на место 12345678

[Олег Громель]

Роман Краббз: да, я же для примера написал 12345678, а на сайте использую номер счетчика метрики

[Mr Crabbz]

Uncaught ReferenceError: yaCounter12345678 is not defined - указывает на то, что у вас ваш скрипт с reachgoal выполняется раньше, чем у вас отрабатывает код метрики. Сначала должен быть подключен код счетчика а потом уже - ваш скрипт.

[Mr Crabbz]

Олег Громель: .

[Олег Громель]

Роман Краббз: Это вариант я уже обыгрывал, пробовал и в head счетчик добавить и еще несколько вариантов. В итоге ошибка пропала после использования "window.onload" видимо из-за асинхронного кода (Если вы используете асинхронный код счетчика...), вычитал здесь:
https://yandex.ru/support/metrika/objects/reachgoal.xml

[Mr Crabbz]

Олег Громель: там почитайте в справке про режим дебага для Яндекс.Метрики. Там со специальным аргументом в url можно в консоли браузера смотреть результат выполнения цели.

[Олег Громель]

Роман Краббз: смотрел, непонятные ошибки
ReferenceError: reference to undefined property c.mp2
reference to undefined property (intermediate value)[a.type]
гуглил, ответа так и не нашел

[Mr Crabbz]

Олег Громель: ну тогда у вас один выход - саппорт Яндекс.Метрики. Яндекс охотно отвечает на любые вопросы - довольно часто к ним обращаюсь.

[Олег Громель]

Роман Краббз: логично, спасибо.

[Денис Петровский]

Роман Краббз: Добрый день, не подскажите, настроил цели, все нормально, но на странице оплаты при нажатии кнопки оформить появляется сообщение браузера "Запрашивает действие order-checkout reach goal" как это убрать, или в какую сторону копать чтоб убрать

[Mr Crabbz]

Денис Петровский: в сторону технической поддержки яндекса либо документации.

[Денис Петровский]

Роман Краббз: Все по документалки делал =\ написал в тех пом, пока молчат