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={{Nombre}}&Email={{Email}}&Telefono={{Telefono}}&Fecha={{Timestamp}}

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.