u003c!u002du002d Event snippet for Compra finalizada – Septiembre 2022 conversion page u002du002du003e u003cscriptu003e gtag(‘event’, ‘conversion’, { ‘send_to’: ‘AW-428795810/OptuCJXPttoDEKLPu8wB’, ‘transaction_id’: » }); u003c/scriptu003e

u003cform id=u0022fideltour_formu0022 method=u0022POSTu0022u003en u003cdivu003en u003clabel for=u0022nameu0022u003eNombre *u003c/labelu003en u003cinput id=u0022nameu0022 type=u0022textu0022 name=u0022nameu0022 requiredu003en u003c/divu003enn u003cdivu003en u003clabel for=u0022emailu0022u003eEmail *u003c/labelu003en u003cinput id=u0022emailu0022 type=u0022emailu0022 name=u0022emailu0022 requiredu003en u003c/divu003enn u003c!u002du002d Forzamos la suscripción en un input hidden u002du002du003en u003cinput type=u0022hiddenu0022 name=u0022subscribedu0022 value=u0022onu0022u003enn u003c!u002du002d Checkbox: “Acepto la Política…” u002du002du003en u003cdiv class=u0022checkbox-lineu0022u003en u003cinput type=u0022checkboxu0022 name=u0022accept_termsu0022 id=u0022accept_termsu0022 requiredu003en u003clabel for=u0022accept_termsu0022u003eAcepto   u003c/labelu003en u003ca href=u0022https://tirolina5.webrapida.net/ca/politica-de-privacidad/u0022 target=u0022_blanku0022u003ela Política de Privacidadu003c/au003e *n u003c/divu003enn u003cdivu003en u003cbutton type=u0022submitu0022u003eSuscribirseu003c/buttonu003en u003c/divu003enu003c/formu003ennu003cdiv id=u0022fideltour_successu0022 style=u0022display: none;u0022u003en u003c!u002du002d Aquí aparecerá el mensaje de éxito u002du002du003enu003c/divu003ennu003cscript type=u0022text/javascriptu0022u003endocument.addEventListener(‘DOMContentLoaded’, function () {n // 1. Detectar idioma desde u003chtml lang=u0022u0022u003en var userLang = ‘ES’;n if (document.documentElement.lang) {n userLang = document.documentElement.lang.substring(0, 2).toUpperCase();n }nn // 2. Construir la URL con la empresa u0022XUZJu0022, el lang detectado y el tag u0022Tirolina Ordesau0022n var url = u0022https://backend.fideltour.com/api/contacts/subscription/u0022n + u0022?hc=XUZJu0022n + u0022u0026i=u0022n + u0022u0026lang=u0022 + userLangn + u0022u0026tags=Tirolina+Ordesau0022;nn // 3. Capturamos el formulario y el contenedor donde mostraremos el mensaje de éxiton var form = document.getElementById(u0022fideltour_formu0022);n var successContainer = document.getElementById(u0022fideltour_successu0022);nn // 4. Función para serializar los campos del formularion var serialize = function (form) {n var serialized = [];nn for (var i = 0; i u003c form.elements.length; i++) {n var field = form.elements[i];nn // Ignorar ciertos tipos de campon if (n !field.name ||n field.disabled ||n field.type === ‘file’ ||n field.type === ‘reset’ ||n field.type === ‘submit’ ||n field.type === ‘button’n ) {n continue;n }nn // Manejo de selects múltiples, checkboxes, etc.n if (field.type === ‘select-multiple’) {n for (var n = 0; n u003c field.options.length; n++) {n if (!field.options[n].selected) continue;n serialized.push(n encodeURIComponent(field.name) + u0022=u0022 + n encodeURIComponent(field.options[n].value)n );n }n } n else if ((field.type !== ‘checkbox’ u0026u0026 field.type !== ‘radio’) || field.checked) {n serialized.push(n encodeURIComponent(field.name) + u0022=u0022 +n encodeURIComponent(field.value)n );n }n }nn return serialized.join(‘u0026’);n };nn // 5. Escuchar el submit del formulario para enviar con AJAX (sin redirección)n form.addEventListener(u0022submitu0022, function(e) {n e.preventDefault();n doContactSubscription(this);n });nn function doContactSubscription(form_validated) {n var xhr = new XMLHttpRequest();nn xhr.open(‘POST’, url);n xhr.setRequestHeader(‘Content-type’, ‘application/x-www-form-urlencoded’);nn xhr.onreadystatechange = function () {n // Esperamos al estado 4 (DONE)n if (xhr.readyState === 4) {n if (xhr.status u003e= 200 u0026u0026 xhr.status u003c 300) {n console.log(u0022Suscripción completada con éxito:u0022, xhr.responseText);nn // Ocultamos el formularion form.style.display = u0022noneu0022;nn // Mostramos el mensaje de éxiton successContainer.style.display = u0022blocku0022;n successContainer.innerHTML = u0022u003cpu003e¡Suscripción completada con éxito! Gracias por unirte.u003c/pu003eu0022;nn } else {n console.error(u0022Error al suscribir:u0022, xhr.status, xhr.responseText);n alert(u0022Ocurrió un error al suscribir. Por favor, inténtalo de nuevo.u0022);n }n }n };nn // Enviar los datos del formularion xhr.send(serialize(form_validated));n }n});nu003c/scriptu003en

u003cstyleu003enn /* === Estilo contenedor del formulario === */n#fideltour_form {n width: 400px;n margin: 30px auto;n padding: 20px;n background-color: #f9f9f9;n border: 2px solid #eaeaea;n border-radius: 8px;n font-family: Arial, sans-serif;n}nn/* Bloques generales dentro del formulario */n#fideltour_form div {n margin-bottom: 15px;n}nn/* Etiquetas u0022normalesu0022 (para Name, Email, etc.) */n#fideltour_form label {n display: block;n margin-bottom: 5px;n font-weight: 600;n color: #555;n}nn/* Campos de texto y email */n#fideltour_form input[type=u0022textu0022],n#fideltour_form input[type=u0022emailu0022] {n width: 100%;n padding: 8px 12px;n border: 1px solid #ccc;n border-radius: 4px;n box-sizing: border-box;n}nn/* === Checkbox en la misma línea === */n#fideltour_form .checkbox-line {n display: flex;n align-items: center;n margin-bottom: 15px;n}nn#fideltour_form .checkbox-line input[type=u0022checkboxu0022] {n margin-right: 8px;n}nn#fideltour_form .checkbox-line label {n display: inline-block;n margin: 0;n font-weight: normal;n}nn/* Botón de Enviar */n#fideltour_form button[type=u0022submitu0022] {n padding: 10px 18px;n background-color: #2a9d8f;n color: #fff;n font-size: 15px;n border: none;n border-radius: 5px;n cursor: pointer;n transition: background-color 0.2s ease;n}nn#fideltour_form button[type=u0022submitu0022]:hover {n background-color: #23857e;n}nn/* === Mensaje de éxito === */n#fideltour_success {n width: 400px;n margin: 30px auto;n padding: 20px;n background-color: #d4edda;n color: #155724;n border: 2px solid #c3e6cb;n border-radius: 8px;n font-family: Arial, sans-serif;n text-align: center;n}nnnnu003c/styleu003en