Как повесить на одну кнопку Button 3 события onclick? Передача целей Я.Метрика / Google analytycs & Mail.ru?

Question

[M4xwell]

Здравствуйте. Суть вопроса:
Есть задача установить на одной и той же кнопке цели для Метрики, Аналитика и Маил ру статистики. Тоесть жмем на button / input[type=submit] -> происходит событие onclick - > передается во все 3 системы информация о том, что цель достигнута.

Мой пример - не работает:

<button type="submit" id="send_contacts" onclick="ga('send', 'event', 'kviz', 'kviz'); var _tmr = window._tmr || (window._tmr = []); _tmr.push({ id: "xxxxxxx", type: "reachGoal", goal: "kviz" }); yaCounterxxxxxxxxx.reachGoal('kviz'); return true;">Отправить</button>

Подскажите пожалуйста верный код

Answer 1

[lamer350]

Так смотрите лог, в чем ошибка?
С ходу бросается в глаза "xxxxxxx", тут явно нужно было подставить ваш идентификатор.

Comments

[M4xwell]

Это я специально убрал номер тут. Естественно на сервере там стоит номер счетчика
Лог - вы про инспектор браузера? Без ошибок выдает

[lamer350]

M4xwell, да, про него. Ну судя по коду вроде все правильно, в onClick можно сколько угодно событий добавить через ;
Если события по отдельности оставлять, то тогда каждый срабатывает?

[lamer350]

M4xwell, а все, понял в чем ошибка. Вам нужно в коде все кавычки привести в норму, когда вы onkclick обернули в "" то внутри должны быть только одинарные кавычки ' '
В mail.ru у вас двойные, поменяйте их на одинарные из за этого и яндекс не срабатывает...

[M4xwell]

lamer350, кстати дааа, вполне себе возможно. Спасибо за совет. Попробую, протестирую и завтра отпишусь о результатах. Не понимаю только одного момента -
1)нужно ли возвращать return true? (и какую задачу это несет)
2) Имеет ли значение, сколько раз он возвращается в рамках одного onclick? (отдельно для GA / Ya / Mail). Смотрю просто как люди вставляют и у всех по-разному

[lamer350]

M4xwell, в данном случае от него вообще нет толку. Его можно не использовать. Вот если бы была необходимость в перехвате/отмене события - тогда нужно было бы использовать return false; Можете протестировать, в таком случае у вас не будет срабатывать сама кнопка, но события onclick запишутся.

[M4xwell]

lamer350, к сожалению, не сработало
Измененный код:

<button type="submit" class="btn__submit" onclick="yaCounterТУТ_МОЙ_НОМЕР_СЧЕТЧИКА_ВЕРНЫЙ.reachGoal('zayavkasnizy'); ga('send', 'event', 'zayavkasnizy', 'zayavkasnizy'); var _tmr = window._tmr || (window._tmr = []); _tmr.push({ id: '3082487', type: 'reachGoal', goal: 'zayavkasnizy' }); ">Заказать</button>

что можно еще поправить?

[lamer350]

M4xwell, а какие успевают записаться? только яндекс? или гугл тоже или через раз? Единственное что в данном случае могу сказать так это то что самбит формы происходит быстрее чем успевает отработать код js... Этому может свидетельствовать то что например у гугл только иногда заявки попадают...

[M4xwell]

Перепроверил - у одной заявки которая обрабатывается ajax - не приходит никакая цель
у другой которая обрабатывается обычным обработчиком с переадресацией - приходит mail и Яндекс цель. Гугл отдыхает :)

[lamer350]

M4xwell, у вас гугл неправильно настроен по всей видимости, в мою часть работы не входит настройка целей так как делаю чтоб заказчики все могли через гугл таг делать. Но в от в этой части кода: 'zayavkasnizy', 'zayavkasnizy' что то у вас явно не так, советую пересмотреть мануал.
А там где ajax отправка, там все просто - у вас идет перехват кнопки через JS по всей видимости, перенесите просто цели с onclick в тот же блок где обрабатывается ajax!