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.

ANTERIOR
SIGUIENTE

TIPS DE EXPERTOS

Suscríbete para impulsar tu negocio.

ÚLTIMOS ARTÍCULOS

Construyendo un plugin de chatbot AI para visitantes de sitios web

En la era digital actual, donde la inteligencia artificial (IA) está revolucionando la forma en que interactuamos con la tecnología, los chatbots basados en IA se han convertido en una herramienta invaluable para empresas de todos los tamaños.

El protocolo A2A de Google: comienza una nueva era

Hoy en día, el mundo digital se encuentra en constante evolución. Con ello, surgen nuevas tecnologías que prometen transformar la forma en que integramos la inteligencia artificial (IA) en nuestras vidas cotidianas y actividades empresariales.

Cómo mantenerse a la vanguardia en la era de la automatización

La automatización y la inteligencia artificial (IA) están transformando rápidamente la forma en que trabajamos y vivimos. Aunque muchas personas temen que estas tecnologías puedan reemplazar sus empleos, la verdadera amenaza radica en la inacción y la falta de adaptación. En este artículo, exploraremos cómo podemos adoptar una perspectiva positiva sobre la automatización y cómo las empresas, ya sean B2B o B2C, pueden aplicar estas tecnologías para impulsar el crecimiento y la eficiencia.

Amazon revoluciona el panorama de la IA con Nova Act

En el siempre cambiante mundo de la inteligencia artificial, Amazon ha dado un paso audaz con el lanzamiento de Nova Act, una plataforma revolucionaria destinada a transformar la forma en que interactuamos con la IA en el entorno web. Esta innovación no solo empodera a los desarrolladores, sino que también abre nuevas posibilidades tanto para empresas B2B como B2C.

data
Mallorca 184, 08036
Barcelona, Spain