Hacks

BLOG DE ANALÍTICA WEB Y ESTRATEGIA DE NEGOCIO

HIKE Hack: cómo enviar datos de tu formulario web a Google Sheets a través de Google Tag Manager

En el artículo de hoy os vamos a mostrar cómo generar una buena base de datos simplemente conectando tus formularios web con Google Sheets a través de Google Tag Manager, algo que muchas veces hemos pensado e intentado hacer, pero que no hemos dado con la tecla.

Empezaremos por crear una simple hoja de cálculo, en la que vamos a poner los diferentes campos del formulario que queremos capturar, y añadiremos también la marca del tiempo para así poder registrar cuando se envían los formularios:

El siguiente paso será abrir la extensión App Scipt de Google Sheets. Se nos abrirá una nueva pestaña de escritura en la que deberemos pegar el siguiente código para poder conectar nuestro formulario con Google Sheets y mandar la información correspondiente:

En la línea 5 del código es importante que especifiquemos el ID de nuestra hoja de cálculo, que sería el siguiente (el valor entre /d/  y  /edit)

El siguiente paso será hacer click en el botón de publicar y escoger la opción de “web app”, y hacemos click de nuevo en el botón de publicar, obteniendo lo siguiente:

Aquí tenemos que guardar el valor de la URL que nos muestra ya que más adelante la vamos a necesitar para seguir con nuestra configuración.

Ahora es momento de pasar a crear las diferentes variables Javascript con las que vamos a recoger los valores introducidos en los diferentes campos de nuestro formulario. Dejo a continuación un ejemplo de como recogería el valor del campo email en mi caso:

Email :: variable personalizada JS:

Una vez ya tenemos todas las variables creadas, la configuración pasa por la creación de una URL que más tarde utilizaremos como píxel de imagen personalizada en Google Tag Manager:

https://script.google.com/macros/s/<colocar-ID-url-web-app>/exec?Nombre=&Email=&Telefono=&Fecha=

Ya tenemos este último paso hecho, pasamos ahora a crear el píxel en Google Tag Manager. Concretamente vamos a crear un píxel de imagen personalizada como el que mostramos:

Ahora sólo te queda publicar el píxel y ver cómo tu hoja de cálculo va a ir registrando los datos de los envíos de tu formulario generando así una importante base de datos.

Espero que te haya sido de interés este recurso y lo puedas aplicar en tu negocio.

Nos vemos en el siguiente artículo.

Artículos relacionados

¿Para qué sirve la analítica digital? El caso Vueling

En 2016, Vueling nos confió un proyecto técnico para la implementación de tags y la optimización de la analítica digital. La colaboración comenzó con una bolsa de horas mensual y ...

BigQuery + GA4: Informe de páginas de salida

¿Recuerdas de Universal Analytics los informes de salida? Era un informe predeterminado que estaba dentro del epígrafe de comportamiento en el apartado de Contenido o Site content ...

¿Por qué un cliente necesita una plataforma de CDP ...

En un mundo cada vez más digitalizado, sabemos que las empresas intentan gestionar, retener, analizar y captar clientes o usuarios con herramientas de analítica o de CRM, entre ...

Configuración de propiedades en GA4

El final de Universal ya es una realidad, y quien no haya implementado ya GA4 en su plataforma digital tiene que ponerse las pilas. Si ya lo has hecho o lo vas a hacer en breve te ...

Google Tag Manager: cómo sacar provecho a los parámetros de ...

Funcionalidades escondidas Una de las funcionalidades escondidas de GTM pero que puede resultar de gran ayuda, es poder extraer un parámetro de consulta de la URL, para después ...

Cómo implementar eventos de video en Google Analytics con ...

En este artículo os contaremos cómo implementar el Player de video Dailymotion en nuestras páginas web para poder mapear correctamente distintos eventos desde Google Tag Manager. ...

Trucos de analítica: ¿Como trackear fragmentos de URL en ...

Cada vez son más las páginas web en las que se muestra el contenido de manera dinámica sin necesidad de recargar la página. Denominadas Single-Page Application (SPA), en este tipo ...

Google Analytics 4: guía paso a paso para utilizar el Debug ...

Google Analytics 4 sigue mejorando día a día sus funcionalidades. La inminente llegada de la nueva herramienta para sustituir Universal Analytics presenta algunas utilidades que ...

Todo lo que necesitas saber sobre los eventos Google ...

En Google Analytics 4 todas las interacciones de los usuarios se concentran en los llamados eventos. Si en Universal Analytics las interacciones se dividían en hits de páginas ...

Guía paso a paso para implementar vídeos en el entorno AMP

Me gustaría decir que para tener el tracking de vídeos en el entorno AMP basta con preparar un simple tag en GTM con su correspondiente trigger y ya podremos empezar a tener datos ...

Newsletter

Tenemos una recopilación de noticias que seguro te puede interesar sobre Analítica, Martech, Cookies, etc.

Te puedes dar de baja en cualquier momento.Para más detalles puedes consultar nuestra Política de Privacidad.