Автор Тема: JavaScript событие. Цель яндекс метрики на кнопку.  (Прочитано 129 раз)

16 Июнь 2020, 11:50:49
  • Новичок
  • *
  • Сообщений: 11
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Добрый день!
Помогите пожалуйста решить такую проблему:
На сайте установлен модуль быстрого заказа. В карточке товара под кнопкой "В корзину" имеется кнопка "Быстрый заказ" (на фото)
Необходимо на эту кнопку установить цель метрики JavaScript событие.
После создания цели в метрике, даётся следующий код: ym(39482720,'reachGoal','kartochka')
Код кнопки в файле модуля следующий:
<p id="add_quick_to_cart" class="buttons_bottom_block no-print">
      <a  href="#quick_order"  rel="nofollow" title="{l s='Quick order' mod='wnquickorder'} "  class="prodbut" id="fancy_type_realty" >
     <button type="submit" name="Submit" class="exclusivewn "> <span style="font-size: 16px;">{l s='Quick order' mod='wnquickorder'} </span></button>
      </a>
   </p>


Соответственно вопрос:
Как правильно вставить код от метрики в код кнопки?
Как только не пытался, не передаются данные.
Код метрики установлен правильно.
Всё работает, другие типы целей передаются.
Спасибо!
16 Июнь 2020, 12:24:15
Ответ #1
  • Партнер
  • Ветеран
  • ****
  • Сообщений: 22761
  • Репутация: +17139/-1
  • Разработка веб-сайтов и веб-программирование
    • Просмотр профиля
На событие onclick ym(39482720,'reachGoal','kartochka')
Интернет-магазин под ключ.
Какой выбрать движок для интернет магазина ?
Какой движок лучше ?
Magento или Prestashop ?
Решение всех Ваших вопросов в создании Интернет-магазина.
16 Июнь 2020, 12:31:49
Ответ #2
  • Новичок
  • *
  • Сообщений: 11
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
На событие onclick ym(39482720,'reachGoal','kartochka')
Код кнопки я указал.
Вопрос в том, куда именно в этом коде вставить onclick ym(39482720,'reachGoal','kartochka')?
16 Июнь 2020, 13:15:01
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 16153
  • Репутация: +14616/-5
  • Сообщество PrestaShop
    • Просмотр профиля
В тег ссылки
<a onclick="ym(XXXXXX, 'reachGoal', 'TARGET_NAME'); return true;"
16 Июнь 2020, 13:20:29
Ответ #4
  • Новичок
  • *
  • Сообщений: 11
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В тег ссылки
<a onclick="ym(XXXXXX, 'reachGoal', 'TARGET_NAME'); return true;"
Я ставил вот так:
<p id="add_quick_to_cart" class="buttons_bottom_block no-print">
      <a  href="#quick_order"  rel="nofollow" title="{l s='Quick order' mod='wnquickorder'} "  class="prodbut" id="fancy_type_realty" onclick="ym(39482720, 'reachGoal', 'kartochka'); return true;" >
     <button type="submit" name="Submit" class="exclusivewn "> <span style="font-size: 16px;">{l s='Quick order' mod='wnquickorder'} </span></button>
      </a>
   </p>

Ничего не передается к сожалению((
Где-то ошибка у меня?
16 Июнь 2020, 14:59:09
Ответ #5
  • Ветеран
  • *****
  • Сообщений: 16153
  • Репутация: +14616/-5
  • Сообщество PrestaShop
    • Просмотр профиля
В button добавьте это событие.
У вас код страннный в теге A тег button, зачем?
16 Июнь 2020, 16:42:38
Ответ #6
  • Новичок
  • *
  • Сообщений: 11
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В button добавьте это событие.
У вас код страннный в теге A тег button, зачем?
Купил модуль быстрого заказа, такой код разработчик сделал.

Добавил в button вот так:
 <p id="add_quick_to_cart" class="buttons_bottom_block no-print">
      <a  href="#quick_order"  rel="nofollow" title="{l s='Quick order' mod='wnquickorder'} "  class="prodbut" id="fancy_type_realty" >
    <button type="submit" name="Submit" class="exclusivewn " onclick="ym(39482720, 'reachGoal', 'kartochka'); return true;"> <span style="font-size: 16px;">{l s='Quick order' mod='wnquickorder'} </span></button>
      </a>
   </p>
По прежнему ничего не передается(
17 Июнь 2020, 10:56:23
Ответ #7
  • Ветеран
  • *****
  • Сообщений: 86639
  • Репутация: +25423/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Включите консоль в браузере и проверьте событие клика на кнопке заказа и переменные.
17 Июнь 2020, 15:05:19
Ответ #8
  • Ветеран
  • *****
  • Сообщений: 16153
  • Репутация: +14616/-5
  • Сообщество PrestaShop
    • Просмотр профиля
17 Июнь 2020, 15:59:57
Ответ #9
  • Новичок
  • *
  • Сообщений: 11
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
https://yandex.ru/support/metrica/general/goal-js-event.html
тут написано как добавлять
https://yandex.ru/support/metrica/general/check-goal.html#check-goal
вот тут можно проверять
Спасибо!
Я 50 раз перечитывал эту инфу.
И в техподдержку метрики писал.
Они тоже дают эти ссылки.
По итогу: Вот есть код кнопки и код из цели метрики. Как ни добавляю, ничего не передается.
17 Июнь 2020, 20:20:43
Ответ #10
  • Ветеран
  • *****
  • Сообщений: 1651
  • Репутация: +46/-1
  • Сообщество PrestaShop
    • Просмотр профиля
Включите консоль в браузере и проверьте событие клика на кнопке заказа и переменные.
Проверяете в консоле вебмастера, если все ок, пишете в суппорт яндекса прикладывая скриншот, что у вас все ок и проблемы с их стороны.
Сам так настраивал. Они писали, точнее отписывались, что я не правильно настроил пока не выслал им скриншот с данными консоли.