Ir al contenido principal

Google Analytics, Google Ads y Google Tag Manager

Aprende a integrar Google Analytics y Google Tag Manager en Cobot utilizando nuestra función JavaScript personalizada.

Laura avatar
Escrito por Laura
Actualizado esta semana

Puedes añadir tu código JavaScript personalizado a Cobot. Utiliza la función para añadir tu código analítico o personalizado en tus páginas de Cobot en Personalizar » JavaScript.

Todo el código introducido en Cobot en Personalizar » JavaScript se añadirá al elemento head de todas tus páginas públicas y de administración.

NOTAS IMPORTANTES

  • Existe la posibilidad de que se produzca un fallo en Cobot, por lo que te recomendamos que compruebes tu código antes de ponerte en contacto con el servicio de asistencia si algo deja de funcionar después de realizar cambios en esta función.

  • Quizás quieres consultar a un experto en Google Analytics para obtener resultados óptimos para tu caso de uso.


Añadir Google Analytics a Cobot

Google Analytics te ayuda a realizar un seguimiento del recorrido de tus clientes por tu sitio web y tus aplicaciones. Cobot carga la biblioteca de Google Analytics de forma predeterminada, por lo que solo tienes que añadir tus datos de configuración para recibir datos para tu página de Cobot.

1. Añade lo siguiente en el cuadro de texto debajo de Personalizar » JavaScript.

function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'YOUR GOOGLE MEASUREMENT ID');

2. Asegúrate de sustituir «YOUR MEASUREMENT ID» por el tuyo propio. Debería tener un formato similar a «G-XXXYY».

3. ¡Y eso es todo! Ahora ya tienes todos los datos básicos en tu cuenta de Google Analytics.

💡 Para obtener más información sobre el uso de Google Analytics, consulta la documentación de Google.


Ejemplo de script personalizado para medir una compra en la página del plan de suscripción con Google Analytics

Una vez que hayas cargado tu etiqueta de Google Analytics, también puedes registrar tus eventos añadiendo más código en Personalizar » JavaScript, por ejemplo, registrando una compra cuando alguien se inscribe en un plan de suscripción.


/* This comes below the loading of your Google Analytics. */
// Here we find an element in the page, in this case by its id and we say it's a button
const signup_button = document.querySelector('#SignupButtonId');
// Only run the code once the page has loaded
window.addEventListener('load', (event) => {
// See if we are on the correct page by URL. You could program any other condition.
if window.location.href.match('membership_signup/new'){
// record a purchase when we click the element we found on the page, here a button
signup_button.addEventListener('click', () => {
gtag('event', 'purchase', {value: 150, currency: 'EUR'}});
});
});



Añadir Google Tag Manager a Cobot

Si deseas utilizar Google Tag Manager para gestionar varias etiquetas de script, como Google Analytics, puedes añadir el siguiente código al principio del campo de texto en Personalizar » JavaScript.

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','YOUR CONTAINER ID');


1. Asegúrate de sustituir «YOUR CONTAINER ID» por el tuyo propio. Debería tener un formato similar a «GTM-XXXYY».

2. Esto cargará tu Google Tag Manager en tus páginas de Cobot. Para evitar confusiones, carga todas tus otras etiquetas de script a través de tu Google Tag Manager, no añadas más a través del JavaScript personalizado en Cobot.

Para obtener más detalles sobre el uso de Google Tagmanager, dirígete a la documentación de Google.


Medir conversiones con Google Ads

Para medir las conversiones con Google Ads, debes tener habilitado Tag Manager o Google Analytics en tus páginas, tal y como se ha descrito anteriormente.



Solución de problemas de JavaScript personalizado

Para comprobar si tu JavaScript personalizado tiene algún error, abre la consola de desarrollador de tu navegador web mientras pruebas tu página. Si se produce un error, aparecerá un mensaje de error que indicará un error de sintaxis o comenzará con «Error in custom JavaScript».

Ten en cuenta que no podemos ofrecer asistencia para escribir JavaScript personalizado.


PRÓXIMOS PASOS: Echa un vistazo a nuestras integraciones para optimizar tu experiencia con Cobot y la de tus miembros.

¿Ha quedado contestada tu pregunta?