Stape
Búsqueda
Pruébelo gratis

3 Sencillos Pasos para Probar GA4 del lado del servidor y la API de conversión de Facebook

Actualizado
10 sep 2024
Publicado
6 feb 2021
También disponible

Google Tag Manager se diseñó inicialmente para facilitar la vida de los profesionales del marketing. Si utiliza el contenedor web Google Tag Manager, ya no tendrá que pedir a los desarrolladores que añadan píxeles de seguimiento y esperar a la siguiente actualización para ver su seguimiento en la producción.

Google lanzó una versión del lado del servidor de Google Tag Manager en 2020. El seguimiento del lado del servidor (server-side tracking) es más complicado que la configuración del contenedor web, al menos por ahora, ya que la idea y la tecnología que hay detrás del etiquetado del servidor son totalmente diferentes de las que teníamos en la web. Pero el etiquetado del lado del servidor dará a su sitio enormes beneficios. El etiquetado del lado del servidor es cada vez más popular debido a su capacidad para seguir a las personas que utilizan AdBlockers, navegadores con ITP y otras restricciones de seguimiento.

El propósito de este artículo no es convencerle de que empiece a utilizar el etiquetado del lado del servidor (hay otra entrada del blog que describe las principales ventajas del seguimiento del lado del servidor). Asumo que ya ha decidido implementar el etiquetado del lado del servidor en su sitio. Esta entrada del blog le mostrará cómo comprobar si el seguimiento del lado del servidor para GA4 y la API de conversión de Facebook se ha configurado correctamente.

Vamos a repasar estos métodos: la comprobación del etiquetado del lado del servidor en el modo de depuración del contenedor del servidor de Tag Manager, la herramienta de prueba de eventos de Facebook y la herramienta para desarrolladores dentro de su navegador. Empecemos.

Compruebe si el seguimiento del lado del servidor de GA4 están instalados correctamente:

1.1 Utilice el modo de vista previa y depuración del contenedor del lado del servidor de Google Tag Manager.

Sugiero comenzar con la vista previa y el modo de depuración de Tag Manager para asegurarse de que sus etiquetas se disparan cuando deben hacerlo. La herramienta de depuración de GTM le mostrará qué etiquetas y eventos se añadieron al sitio y si se dispararon o no en determinadas páginas/disparadores.

El modo de depuración del contenedor del servidor del gestor de etiquetas funciona de forma similar al depurador web. Sólo tiene que hacer clic en el botón de vista previa en la esquina superior derecha. A continuación, navegue por las diferentes páginas y haga clic en el botón o realice los eventos configurados en el contenedor del servidor.

Vuelva al depurador de Tag Manager y compruebe qué etiquetas y eventos se activaron y si todos los parámetros necesarios se enviaron al dataLayer. Si todo funciona correctamente, podemos pasar al siguiente paso.

tags and events triggered

GA4 tiene su vista de depuración que le mostrará todos los eventos, parámetros de eventos y datos de usuario que procesamos por GA4. Para encontrar el depurador de GA4 haga clic en Configurar -> Vista de depuración. 

debug view

1.2 Compruebe si GA4 envía solicitudes desde la URL de etiquetado correcta.

Para asegurarse de que las solicitudes se envían desde una URL de etiquetado personalizada (a través del servidor de la nube), tendrá que profundizar en la zona de desarrolladores. Aquí necesitaremos las herramientas para desarrolladores de Chrome o Safari (también puede utilizar otros navegadores).

En Mac, puede acceder a la herramienta para desarrolladores haciendo clic en command+option+I o en el botón derecho del ratón, y luego inspeccionar.

developer tool

Una vez que usted haya abierto la herramienta para desarrolladores, vaya a Network tab y actualice la página. Cuando esté dentro del filtro, escriba collect. Usted debería ver las solicitudes de GA4. Haga clic en la solicitud de GA4, y en el lado derecho, verá parámetros adicionales.

Tenga en cuenta que debe comprobar si dentro de la URL de la solicitud puede ver la URL del servidor de etiquetado; es la que ha añadido al contenedor del servidor y dentro de la variable o etiqueta de GA4.

1.3 Compruebe si se han ampliado las cookies

Aviso: las cookies se extenderán sólo si utiliza un subdominio personalizado dentro de la URL de etiquetado. Por ejemplo, la URL de su sitio web es example.com. Entonces, el dominio personalizado para la URL de etiquetado debería ser como gtm.example.com.

Vaya a la pestaña de la aplicación dentro de la herramienta de desarrollo que ha utilizado en el segundo paso. Haga clic en Storage-> Cookies. En la parte derecha, usted encontrará las cookies llamadas FPID; compruebe la fecha en la columna "expira". De esta manera, las cookies deberían extenderse hasta 2 años. Estoy escribiendo este post en febrero de 2021, y mi cookie expirará en febrero de 2023. Si no utiliza el seguimiento del lado del servidor y una URL de etiquetado personalizada situada bajo su dominio principal, Safari reducirá la duración de las cookies a 1 o 7 días. Si ve que las cookies no se han ampliado, vaya al cliente de GA4 dentro del contenedor del servidor, haga clic en más configuraciones y compruebe el aspecto de la configuración de las cookies del servidor en la captura de pantalla siguiente. O asegúrese de que está utilizando una URL de etiquetado personalizada que se parece a gtm.youdomain.com.

cookies named FPID

Test Facebook Conversion API.

2.1 Utilice la herramienta de depuración del servidor GTM para verificar que el código base y los eventos FB se activan correctamente.

El primer paso para probar el seguimiento del lado del servidor de Facebook es el mismo. Usted necesita asegurarse de que los eventos se están disparando en los desencadenantes correctos. Abra la herramienta de depuración de GTM, haga clic en las páginas de su sitio y realice los eventos que desee probar. Una vez que lo haya hecho, vaya a la pestaña del depurador de Tag Manager y compruebe los resultados.

En primer lugar, asegúrese de que el píxel base de FB se dispara en una página vista.

FB base pixel

Si utiliza nuestra etiqueta de seguimiento del lado del servidor de FB, tiene dos opciones para enviar eventos de FB:

● Heredar del cliente GA. Si está utilizando la opción de heredar, sólo verá la etiqueta base de FB dentro del modo de depuración de GTM.

● Anulación. La selección de la opción de anulación requiere la configuración de los eventos del servidor FB manualmente dentro del contenedor del servidor. De esta manera, será visible en el modo de depuración del servidor.

2.2 Herramienta de pruebas de Facebook para la API de conversión de Facebook

Abra el administrador de eventos dentro de su administrador de negocios de Facebook y haga clic en los eventos de prueba. Usted verá un código de evento de prueba que debe añadir a nuestra etiqueta de Facebook dentro de Google Tag Manager. Con la ayuda de este código, usted será capaz de probar los eventos del servidor de Facebook en el tiempo real.

actions triggering FB events

Una vez que usted haya agregado un ID de prueba, abra su sitio y realice acciones que desencadenen sus eventos de FB. A continuación, vuelva a la herramienta de pruebas de Facebook y compruebe los eventos que le muestra. En la columna "Recibido de" usted debería ver "Servidor". Usted puede hacer clic en el evento y ver los parámetros registrados.

Tenga en cuenta que el plugin de Facebook pixel helper Chrome que utilizó para comprobar los eventos del navegador de FB no funcionará para la API de conversión. Por eso usted necesita comprobar todo dentro de la herramienta de pruebas.

2.3 Compruebe que las cookies de Facebook se han gastado.

Aviso: las cookies se extenderán sólo si utiliza un subdominio personalizado dentro de la URL de etiquetado. Por ejemplo, la URL de su sitio es example.com, entonces un dominio personalizado para la URL de etiquetado debería ser como gtm.example.com.

El tercer paso es de nuevo similar a lo que hicimos pero tiene algunas diferencias. Para comprobar la fecha de caducidad de las cookies de Facebook, primero tiene que generarla. Para eso, abra su sitio y añada algo parecido a esto al final de la URL de su sitio:

Una vez hecho esto, abra las herramientas de los desarrolladores, vaya a almacenamiento y haga clic en las cookies. Compruebe que _fbc y _fbp se han ampliado.

_fbc and _fbp

Conclusión

Espero que todo le haya funcionado y haya logrado configurar el seguimiento del lado del servidor para GA4 o la API de conversión de Facebook con éxito. Si no es así, este artículo debería ayudarle a solucionar los problemas y arreglar su configuración. Si tiene alguna pregunta, no dude en enviarnos un correo electrónico a support@stape.io.

Aloje su servidor GTM en Stape¡ahora mismo!