Buen día comunidad tengo un problema, actualmente tengo un script que captura tanto los datos UTM y datos del formulario, los convierte en un Json y los envía un webhook. Mi problema es que actualmente solo hay 3 campos y futuramente habrán aterrizado con 4 o 5 campos de formulario y lo ideal es que los datos se capturen automáticamente sin modificar nada del código nuevamente.
Espero me puedan ayudar
// Capturar datos de formulario y setear el JSON
function capturar_form(){
var cookie_ref = decodeURIComponent(document.cookie.replace(/(?:(?:^|.*;\s*)__gtm_campaign_url\s*\=\s*([^;]*).*$)|^.*$/, "$1"));
var cookie_url = cookie_ref.substring(cookie_ref.indexOf("?")+1);
var cookie_ref_1 = cookie_url;
var output = {};
cookie_url.split(/\s*&\s*/).forEach(function(pair) {
pair = pair.split(/\s*=\s*/);
output[pair[0]] = pair.splice(1).join("=");
});
var json = output;
var nombre = document.getElementById("et_pb_contact_nombre_0").value;
var mail=document.getElementById("et_pb_contact_correo_0").value;
var phone=document.getElementById("et_pb_contact_celular_0").value;
//Capturar url de completo con path
var URLactual_origin = window.location.origin;
var urlactual_path = window.location.pathname;
var url_final = URLactual_origin+urlactual_path;
// console.log(URLactual_origin + urlactual_path);
var json_var = {};
json_var.nombre = nombre;
json_var.email = mail;
json_var.telefono = phone;
var json_url={};
json_url.secondary_content=url_final;
var obj_unidos = JSON.stringify(Object.assign(json_url, json, json_var));
//Envio de la informacion a Make
//validar mail
var regex = /^\w+([\.\+\-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/;
var email_validate = document.getElementById("et_pb_contact_correo_0").value;
if (regex.test(email_validate)) {
var myHeaders = new Headers();
myHeaders.append("Content-Type", "application/json");
var requestOptions = {
method: 'POST',
headers: myHeaders,
body: obj_unidos,
redirect: 'follow'
};
fetch("https://hook.us1.make.com/we83rcy0fa4cvbuojd6nnn3ox37sevc1", requestOptions)
.then(response => response.text())
.then(result => console.log(result))
.catch(error => console.log('error', error));
} else {
console.log("La dirección de email es incorrecta.");
}
}