Estoy tratando de implementar window.data.layer.push en mi aplicación de reacción para poder usarlo con Google Tag Manager, pero no estoy seguro de dónde iría. este es mi archivo base app.js
// import the GTM Module so you can access it import TagManager from "react-gtm-module"; const tagManagerArgs = { gtmId: "GTM-P8J3MKF" }; TagManager.initialize(tagManagerArgs) const { persistor, store } = configureStore(); const MGMW = () => ( <Provider store={store}> <PersistGate loading={null} persistor={persistor}> {/*<LoginScene className='main-background' />*/} <LayoutBase /> <GlobalModals /> </PersistGate> </Provider> ); const rootElement = document.getElementById('app-root'); if (rootElement) render(<MGMW />, rootElement); export default MGMW;Debe usar el gancho useEffect.
useEffect(() => { /*script to be executed here*/ }, [])Esta es la versión componentDidMount de React Hooks. Más sobre el tema aquí: https://reactjs.org/docs/hooks-effect.html
Hay un paquete NPM que puede ayudarlo con esto: https://www.npmjs.com/package/react-gtm-module