Recent posts

1 post tagged with "yandex-metrika"

View All Tags

Отсуствие дилеммы использования внешних библиотек npm, когда ты мидл+

Timofey Aksenov

Timofey Aksenov

Front End Developer

Когда нужно быстро реализовать функциональность, чтобы проверить гипотезу, сдать задачу во время и еще по тысяче различных причин, то часто, очень часто... ладно постоянно я ищу готовую библиотеку на сайте npm. Так было и в этот раз

Эта история началась с того, что мне необходимо было настроить функциональность достижения целей и передавать их в АПИ Яндекс метрики

Ок, приступаю к реализации... т.е. к гуглению. Быстро нахожу библиотеку react-yandex-metrika, имплементирую ее в проект и довольно потирая руки начинаю проверять.

И тут fail. А причина очень простая, яндекс метрика в проект поступает через gooole tag и используя библиотеку react-yandex-metrika я сталкиваюсь с проблемой, что у меня происходит дублирование функциональности, т.к. яндекс метрика инициализируется дважды.

Не унываю, начинаю изучать проблему, проверяю код из документации яндекс метрики, смотрю куда сохранается ее замыкание. И в результате: удаляю react-yandex-metrika из проекта, а вся ее реализация заменяется тремя строчками кода.

Как стало:

const handleDoSomethingYMWrapper = React.useCallback(() => {
const ymClosure = (...args: any[]) => null;
const ym = window?.ym ?? ymClosure;
ym(YANDEX_METRIKA_ID, 'reachGoal', TARGET_NAME);
handleDoSomething();
});

Чтобы котик начал давить крыс, ему нужно в детсве давать сырую вырезку оленины для включения реликтовых триггеров хищника 🐱