Яндекс.Метрика и react-router. Как решить?

Суть вопроса такова: есть SPA-приложение, к которому в статичный файл index.html подключен код той самой метрики с параметрами:
new Ya.Metrika({
            id:xxx, 
            clickmap:true,
            trackLinks:true,
            accurateTrackBounce:true,
            webvisor:true,
            trackHash:true 
        })


Вебвизор засчитывает клики, и остальные действия, но вот только меняется URL, в самом вебвизоре ничего не меняется, остается все та же первая страница.

Нашел компоненты по типу "react-ym", но так и не понял, зачем они нужны. Или как раз они и решают эту проблему?
  • Вопрос задан
  • 2151 просмотр
Пригласить эксперта
Ответы на вопрос 2
ImEugene
@ImEugene
Вёрстка+JavaScript
Есть следующий вариант реализации:
<Router
    ...
    onUpdate={logPageView}
/>

Где logPageView -- функция, в которой вы реализовываете логирование для Яндекс.Метрики/Гугл Аналитики и т.п.
Ответ написан
@Razzwan
import { YMInitializer } from 'react-yandex-metrika';

class MyComponent extends React.Component {
  render() {
    return (
      <div>
        // SNIP
          <YMInitializer accounts={[987654321]} />
        // SNIP
      </div>
    );
  }
});

// Потом подписываемся на событие истории и делаем что-то вроде:
import ym from 'react-yandex-metrika';
history.listen((location) => {
  ym('hit', localhost.pathname);
})


Взято здесь: https://github.com/narkq/react-yandex-metrika
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
19 июн. 2019, в 22:34
1500 руб./за проект
19 июн. 2019, в 21:38
100000 руб./за проект
19 июн. 2019, в 21:34
5000 руб./за проект