Как написать обработчик события для попадания товара "в список покупок" на сайте?

Рейтинг: 0Ответов: 1Опубликовано: 14.06.2023

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

javascript jquery яндекс-метрика
Источник: Stack Overflow на русском

Ответы

▲ -1
$('#add-to-cart-button').click(function() {
  var listItem = $('#item-id'); // Замените 'item-id' на идентификатор товара
  var isItemInCart = listItemInCart(listItem);

  if (!isItemInCart) {
    // Отправка события в Яндекс.Метрику
    ym('your_metrika_id', 'reachGoal', 'add_to_cart');

    // Дополнительные действия, если требуется
    // Например, изменение внешнего вида кнопки или другие манипуляции с элементами страницы
  }
});

function listItemInCart(listItem) {
  // Проверка наличия товара в списке покупок
  // Вернуть true, если товар уже есть в списке, иначе вернуть false
  // Например, можно проверить наличие соответствующего класса или атрибута у элемента списка
  return listItem.hasClass('in-cart');
}