En estos momentos estamos haciendo algunos experimentos con las vías de acceso a ciertas funciones en Typeform. Es posible que, cuando entres en tu cuenta, no veas las cosas exactamente como se indica en este artículo. Echa un vistazo aquí si quieres ver un breve resumen de las funciones que han cambiado de sitio.
Google Tag Manager es una herramienta gratuita que te permite añadir o cambiar los mecanismos de seguimiento de una página web o aplicación sin tener que modificar el código. Y, ahora, también puedes usarla en tus formularios.
Para ello, necesitas:
- Un plan Business de Typeform.
- Una cuenta de Google Tag Manager.
¿Qué es Google Tag Manager?
Se trata de una aplicación gratuita, pensada principalmente para profesionales del marketing, que permite gestionar diversas herramientas de seguimiento y medición. En lugar de tener que añadir cada herramienta, una por una, a tu página web (lo que implicaría tener que editar el código de la misma), puedes instalar Google Tag Manager una sola vez y, después, añadir a esta aplicación cualquier herramienta de seguimiento que quieras.
¿Cómo añadir Google Tag Manager a tus formularios?
1. Abre Tag Manager y copia el ID de tu contenedor en Google Tag Manager en el portapapeles (Ctrl+C). Encontrarás este código en la parte superior de la ventana y tendrá un formato similar a este: GTM-XXXXXX.
2. Accede a tu área de trabajo en Typeform y localiza el formulario que quieras monitorizar. Ahora, ábrelo.
3. Haz clic en el panel «Conectar». Ahora, desplázate hacia abajo por la pantalla hasta que veas la integración con Google Tag Manager o escribe directamente «Google Tag Manager» en la barra de búsqueda. Haz clic en el botón «Conectar» correspondiente.
4. Aparecerá en pantalla una nueva página en la que se te pedirá que pegues el ID de tu contenedor en Google Tag Manager.
5. Pulsa el botón «Save (Guardar)» y ya estará todo listo para que puedas hacer seguimientos con Tag Manager.
6. Si en algún momento quieres editar la integración o eliminar por completo el mecanismo de seguimiento, puedes hacer clic en el icono de los tres puntos que aparece en el lado derecho de la integración, una vez activada:
¡Advertencia! Ten en cuenta que, actualmente, no puedes utilizar Google Tag Manager si tienes una pregunta de tipo «Pago» en tu formulario.
¿Cómo configurar etiquetas de Google para hacer un seguimiento de tu formulario?
Añadir Tag Manager a tu formulario no servirá de nada hasta que no lo configures. A continuación te mostramos un ejemplo sencillo (en el que añadiremos el píxel de Meta a Tag Manager) para que veas cómo es el proceso. Si quieres obtener más información sobre la configuración de Tag Manager, consulta la documentación de Google.
1. Para crear una etiqueta, haz clic en el botón «Añadir nueva etiqueta».
2. Aparecerá en pantalla un menú de configuración.
3. Pincha en cualquier punto del cuadro «Configuración de la etiqueta» para que se abra el menú de selección del tipo de etiqueta. Puedes elegir entre todo tipo de productos de Google, incluido Google Analytics, además de numerosas etiquetas preconfiguradas para otras soluciones de software de seguimiento.
Dado que el píxel de Meta no aparece en la lista, tendremos que seleccionar la opción «HTML personalizado».
4. Ahora, copia el código del píxel de Meta del Administrador de eventos de Meta (aquí te explicamos dónde encontrarlo). Y pégalo en el campo de configuración, tal y como te mostramos en la siguiente imagen. El paso siguiente será configurar los activadores.
5. Para ello, pincha en el cuadro «Activación» para que se abra el menú «Elegir un activador». En este ejemplo, nosotros elegiremos el tipo «Vista de una página». Haz clic ahí para volver al menú de configuración de la etiqueta.
6. Por último, pulsa el botón «Guardar». El píxel estará ahora incluido en Tag Manager, por lo que ya podrás hacer un seguimiento de las visualizaciones de la página de tu formulario (nuestro objetivo, en este ejemplo) desde el Administrador de eventos de Meta.
Los eventos que se monitorizarán son los siguientes: «TypeformFirstInteraction», cuando el usuario haga clic en la pantalla de bienvenida (en caso de que el formulario tenga una) o bien cuando responda a la primera pregunta del formulario (en caso de que no haya pantalla de bienvenida), y «TypeformSubmit», cuando la solicitud de envío de las respuestas sea válida.
Dominios no seguros
Ten en cuenta que bloqueamos los dominios que no son seguros y que no empiezan por «https». Si tienes un formulario activo conectado a un dominio no seguro (http) (incluido cualquier archivo asociado a este, como imágenes o tipos de letra personalizados, añadidos mediante Google Tag Manager), es posible que tu formulario no funcione adecuadamente.