Google Tag Manager + React App = неправильный заголовок

Question

У меня есть приложение, пишущее в React. В последний день я внедряю Google Tag Manager. Я создаю тэг, триггер (historyChange). В Google Anaytics в режиме реального времени я вижу каждое изменение URL, но название неверно.

Например: /url - заголовок

/people - People
/video - People
/contact - Video
/people - Contact

Мой заголовок всегда шаг назад. Я использую реагирующий шлем для динамически устанавливаемой головной части, заголовок тоже.

Answer 1

Это связано с задержкой обновления в React-Helmet. Поскольку менеджер тегов прослушивает historyChange, он срабатывает до того, как компонент, включающий в себя React-шлем, правильно отрисовывается, а заголовок меняется после отслеживания страницы.

Возможное решение - обернуть менеджер тегов в setTimeout.

Вы можете прочитать больше об этом здесь: https://github.com/nfl/react-helmet/issues/189