He agregado Google Tag Manager a mi aplicación React con la ayuda de este módulo: react-gtm-module

Así que inicialicé mi GTM en el archivo base como dice el documento

 const tagManagerArgs = { gtmId: process.env.REACT_APP_GTM_KEY, }; TagManager.initialize(tagManagerArgs); //This code only executes the first time when the site loads, not on every route change

y veo la etiqueta del script en mi etiqueta

 <script src="https://www.googletagmanager.com/gtm.js?id=GTM-XXXXXXX&gtm_auth=&gtm_preview=&gtm_cookies_win=x"></script>

Entonces, tan pronto como abro mi sitio web, veo la carga del contenedor en el modo de depuración de GTM y veo la etiqueta GA - UA-XXXXXXX - Todas las páginas se dispararon correctamente.

Ahora tengo un botón en mi página de inicio que, al hacer clic, me lleva a la nueva ruta, por lo que en el modo de depuración veo un cambio en el historial, pero quiero activar GA - UA-XXXXXXX - Etiqueta de todas las páginas en ese cambio de historial, que no suceder. Esta etiqueta solo se activa cuando actualizo el sitio web en cualquiera de las rutas