Глубина прокрутки GTM - Гэтсби
У меня проблема с запуском страниц на основе gatsby с глубиной прокрутки GTM. Проблема в том, что глубина прокрутки gtm несовместима с SPA и не сбрасывается при переходе на следующую страницу. Использует ли кто-нибудь другой скрипт для измерения глубины прокрутки, который легко и быстро интегрируется с gatsby и gtm/ga?
К сожалению нет..
Та же проблема здесь. Вы нашли решение?
Ответы 2
Вы можете изменить отслеживание просмотров страниц с gtm.historyChange на ручные нажатия уровня данных gtm.load, что является одним из трех типов событий, которые сбрасывают триггер глубины прокрутки GTM.
Если вы установили gatsby-plugin-google-tagmanager, при каждом изменении маршрута будет запускаться событие: gatsby-route-change.
Вам нужно активировать gtm.load на каждом gatsby-route-change, что сбросит глубину прокрутки. (спасибо @Andi за подсказку)
Создайте новый триггер:
- GTM > Триггеры > Создать >
- Дайте ему имя, например, Gatsby Route Change.
- Тип триггера: пользовательское событие
- Название события: gatsby-route-change
- Этот триггер срабатывает при: Все пользовательские события
- Затем сохраните
Создайте новый тег:
- GTM > Теги > Создать
- Дайте ему имя, например, Fire GTM Load on Gatsby Route Change.
- Тип тега: Пользовательский HTML
- HTML:
<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'gtm.load'
});
</script>
- Триггеры срабатывания: выберите только что созданный триггер: Изменение маршрута Гэтсби.
- Затем сохраните
При предварительном просмотре изменений при переходе с одной страницы на другую вы увидите, что
- Gatsby Route Change уволен
- Window Loaded запускается
- Глубина прокрутки теперь сбрасывается после каждого изменения маршрута.
Я тоже сталкиваюсь с этой проблемой. Я бы предпочел не запускать пользовательское событие onScroll с моего сайта Гэтсби. Вы когда-нибудь находили решение?