Configurar Google Tag Manager
Última actualización
Última actualización
Primero tenemos que configurar un contenedor de Google Tag Manager para nuestra aplicación. Para hacer esto, si no se tiene una cuenta primero se debe crear una, y bajo esta crear un contenedor. Este corto video explica bastante bien como crear un contenedor.
Actualmente se puede agregar GTM utilizando Potassium. Revisar si env.development
tiene la variable de entorno GTM_CONTAINER_ID
, si no la tiene ejecutar potassium install google_tag_manager
.
Luego hay que agregar la variable de entorno en el proyecto. El valor se obtiene en tagmanager.google.com, y siempre comienza en GTM-
Una vez creado el contenedor, se obtendran unos code snippets que deben agregarse a la aplicación para linkearla con el contenedor
Como yo lo hice fue asi: Creé un archivo /app/views/common/_tag_manager_head.html.erb
con el siguiente código:
Y otro archivo /app/views/common/_tag_manager_body.html.erb
con el siguiente código:
OJO! EN GTM-####
deben reemplazarlo por el id de su contenedor, que aparecé en el menú.
y luego, deben agregarse estas vistas parciales en /app/views/layouts/application.html.erb
, el head debería ir lo más arriba posible en el head, y el body lo más arriba posible dentro del tag body. Debería verse algo así:
Luego, se suben estos cambios a producción y estamos listos con Google Tag Manager (por ahora)