Añadir banner en html suavemente

Nota: Algunas funciones descritas aquí aún no están disponibles. Contáctenos en support@dochub.com si está interesado.
Aug 6th, 2022
formularios completados
0
formularios completados
formularios firmados
0
formularios firmados
formularios enviados
0
formularios enviados
Service screenshot
01. Carga un documento desde tu ordenador o almacenamiento en la nube.
Service screenshot
02. Agrega texto, imágenes, dibujos, formas, y más.
Service screenshot
03. Firma tu documento en línea en unos pocos clics.
Service screenshot
04. Envía, exporta, envía por fax, descarga o imprime tu documento.

Cómo agregar un banner en html más rápido

Form edit decoration

Cuando editas archivos en varios formatos día a día, la universalidad de la solución de documentos importa mucho. Si tus herramientas solo funcionan con algunos de los formatos populares, podrías encontrarte cambiando entre ventanas de aplicaciones para agregar un banner en html y manejar otros formatos de documentos. Si deseas eliminar la molestia de la edición de documentos, obtén una plataforma que pueda gestionar fácilmente cualquier extensión.

Con DocHub, no necesitas concentrarte en nada más que en la edición real de documentos. No necesitarás malabarear programas para trabajar con varios formatos. Te ayudará a editar tu html tan fácilmente como cualquier otra extensión. Crea documentos html, modifícalos y compártelos en una única plataforma de edición en línea que te ahorra tiempo y mejora tu productividad. Todo lo que tienes que hacer es registrarte para obtener una cuenta gratuita en DocHub, lo cual solo toma unos minutos.

Sigue estos pasos para agregar un banner en html en poco tiempo

  1. Abre el sitio web de DocHub y regístrate haciendo clic en el botón Crear cuenta gratuita.
  2. Ingresa tu correo electrónico y crea una contraseña para registrar tu nueva cuenta o conecta tus datos personales a través de tu cuenta de Gmail.
  3. Ve al Tablero y agrega el html que tienes que editar. Hazlo subiendo tu documento o enlazándolo desde la nube o donde sea que lo tengas almacenado.
  4. Abre el documento en modo de edición y haz todos los ajustes utilizando la barra de herramientas superior.
  5. Cuando termines de editar, utiliza el método más conveniente para guardar tu archivo: descárgalo, mantenlo en tu cuenta o envíalo directamente a tu destinatario a través de DocHub.

No necesitarás convertirte en un multitarea de edición con DocHub. Su conjunto de características es suficiente para una edición rápida de documentos, independientemente del formato que necesites revisar. Comienza registrándote para obtener una cuenta gratuita y descubre lo fácil que puede ser la gestión de documentos con una herramienta diseñada especialmente para satisfacer tus necesidades.

Edición de PDF simplificada con DocHub

Edición de PDF sin complicaciones
Editar un PDF es tan simple como trabajar en un documento de Word. Puedes agregar texto, dibujos, resaltados y ocultar o anotar tu documento sin afectar su calidad. Sin texto rasterizado ni campos eliminados. Usa un editor de PDF en línea para obtener tu documento perfecto en minutos.
Trabajo en equipo fluido
Colabora en documentos con tu equipo usando un dispositivo de escritorio o móvil. Permite que otros vean, editen, comenten y firmen tus documentos en línea. También puedes hacer tu formulario público y compartir su URL en cualquier lugar.
Guardado automático
Cada cambio que realices en un documento se guarda automáticamente en la nube y se sincroniza en todos los dispositivos en tiempo real. No es necesario enviar nuevas versiones de un documento o preocuparse por perder información.
Integraciones de Google
DocHub se integra con Google Workspace para que puedas importar, editar y firmar tus documentos directamente desde tu Gmail, Google Drive y Dropbox. Cuando termines, exporta documentos a Google Drive o importa tu libreta de direcciones de Google y comparte el documento con tus contactos.
Potentes herramientas de PDF en tu dispositivo móvil
Mantén tu trabajo en marcha incluso cuando estés lejos de tu ordenador. DocHub funciona en móvil con la misma facilidad que en escritorio. Edita, anota y firma documentos desde la comodidad de tu teléfono inteligente o tableta. No es necesario instalar la aplicación.
Compartición y almacenamiento de documentos seguros
Comparte, envía por correo electrónico y envía documentos por fax instantáneamente de una manera segura y conforme. Establece una contraseña, coloca tus documentos en carpetas encriptadas y habilita la autenticación del destinatario para controlar quién tiene acceso a tus documentos. Una vez finalizado, mantiene tus documentos seguros en la nube.

Aumenta la eficiencia con el complemento DocHub para Google Workspace

Accede a documentos y edítalos, fírmalos y compártelos directamente desde tus aplicaciones de Google favoritas.
Instalar ahora

Cómo hacer agregar banner html

4.5 de 5
2 votos

hola y bienvenidos de nuevo a este canal y en el video de hoy voy a mostrarte cómo diseñar este sitio web dedocHub está bien, tenemos este banner fijo, está bien, una barra de navegación fija y luego un efecto de paralaje aquí, uh puedes ver que la imagen está fija, así que cuando me desplazo hacia abajo, uh el área de texto es lo único que se mueve y luego la barra de navegación también es pegajosa, no se mueve al desplazarse hacia abajo, así que voy a mostrarte cómo diseñar esto usando html y css, así que eso es lo que vamos a hacer ahora mismo, así que voy a escribir la primera etiqueta que va a ser una etiqueta div y le voy a dar una clase de área de caja así, y luego voy a agregar otra etiqueta que va a ser una etiqueta de encabezado y dentro de esta etiqueta de encabezado agregaré otra etiqueta div y le daré una clase de envoltura agregaré otra etiqueta div con una clase, diré logo, está bien y aquí simplemente voy a agregar un enlace, así que si tuvieras un logo, está bien, una imagen, podrías agregar y dejar una etiqueta de imagen aquí, pero en mi caso simplemente voy a agregar

video background

¿Tienes preguntas sobre agregar banner al sitio web html?

Aquí hay algunas preguntas comunes de nuestros clientes que pueden proporcionarte la respuesta que necesitas. Si no encuentras la respuesta a tu pregunta relacionada con cómo agregar un banner en html, no dudes en ponerte en contacto con nosotros.
Contacto
Añadir un banner En tu computadora, abre tu sitio web en los nuevos Google Sites. En la parte superior derecha, haz clic en Configuración. Banner de anuncio. Activa Mostrar banner.
Añadir un banner En tu computadora, abre tu sitio web en los nuevos Google Sites. En la parte superior derecha, haz clic en Configuración. Banner de anuncio. Activa Mostrar banner.
Crear un elemento Div Hacer un Div de pantalla completa Añadir imagen de fondo Ajustar tamaño de imagen de fondo Posicionar imagen de fondo Crear un elemento Div contenedor Crear un div o cualquier elemento HTML de bloque con la clase…
El elemento
representa un contenedor para contenido introductorio o un conjunto de enlaces de navegación. Un elemento
típicamente contiene: uno o más elementos de encabezado (

-

) logo o ícono.
Un hito de banner identifica contenido orientado al sitio al principio de cada página dentro de un sitio web. El contenido orientado al sitio típicamente incluye cosas como el logo o la identidad del patrocinador del sitio, y la herramienta de búsqueda específica del sitio. Un banner generalmente aparece en la parte superior de la página y típicamente abarca todo el ancho.
Etiquetas HTML básicas Etiqueta de encabezado. La etiqueta de encabezado contiene todos los elementos que describen el documento. Etiqueta de título. La etiqueta de título especifica el título de la página HTML, que se muestra en la barra de título del navegador. Etiqueta de cuerpo. La etiqueta de cuerpo <body> es donde insertas el contenido de tu página web. Etiqueta de párrafo. ... Etiqueta de encabezado.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="6" data-qa-tag="faq-tab-7"> <div class="accordion__panel-status"></div> ¿Cómo hago un encabezado de banner en HTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-7-content">CSS Altura de Div de pantalla completa CSS Altura de Div de pantalla completa. CSS Centrar un Div en la pantalla. CSS Imagen de fondo de pantalla completa. CSS Encabezado fijo y pegajoso nuevo CSS Encabezado / Banner. CSS Formulario de registro. Diseño de múltiples columnas responsivo con Flexbox. CSS Formulario de registro responsivo.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="7" data-qa-tag="faq-tab-8"> <div class="accordion__panel-status"></div> ¿Cómo añades un banner? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-8-content">Añadir un banner En tu computadora, abre tu sitio web en los nuevos Google Sites. En la parte superior derecha, haz clic en Configuración. Banner de anuncio. Activa Mostrar banner.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="8" data-qa-tag="faq-tab-9"> <div class="accordion__panel-status"></div> ¿Cómo añadir texto en HTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-9-content">La etiqueta <ins> en HTML se utiliza para especificar un bloque de texto insertado. La etiqueta <ins> se utiliza típicamente para marcar un rango de texto que ha sido añadido al documento. El texto insertado se renderiza como texto subrayado por los navegadores web aunque esta propiedad puede ser cambiada usando la propiedad CSS text-decoration.</div> </div> <div class="accordion__panel"> <h3 class="accordion__panel-title" role="tab" tabindex="9" data-qa-tag="faq-tab-10"> <div class="accordion__panel-status"></div> ¿Cómo añado un banner a mi sitio web en HTML? </h3> <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-10-content">Declara el mismo atributo de clase personalizada del elemento HTML <div>, en este caso banner, luego añade la propiedad background-image. Dentro de background-image, llama a la función URL. Esta función acepta URLs relativas, URIs de datos y URLs absolutas. Finalmente, añade la URL de la imagen a la función.</div> </div> </div> </div> </div> </section> <section class="page-section page-section--customers-reviews"> <div class="page-section__inner"> <h2 class="section-title">Ve por qué nuestros clientes eligen DocHub</h2> <div class="user-reviews"> <div class="user-reviews__item"> <div class="user-review"> <div class="user-review__header"> <div class="rating"> <div class="rating__stars"> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-half-filled"></div> </div> </div> <div class="user-review__platform-logo"></div> </div> <div class="user-review__body"> <div class="user-review__title">Gran solución para documentos PDF con muy poco conocimiento previo requerido.</div> <div class="user-review__message">"Simplicidad, familiaridad con el menú y fácil de usar. Es fácil de navegar, hacer cambios y editar lo que necesites. Como se utiliza junto a Google, el documento siempre se guarda, así que no tienes que preocuparte por ello."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/151/images/_pages/functionality/icons/photo-pam@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Pam Driscoll F</b><br>Profesora</div> </div> </div> </div> </div> <div class="user-reviews__item"> <div class="user-review"> <div class="user-review__header"> <div class="rating"> <div class="rating__stars"> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-half-filled"></div> </div> </div> <div class="user-review__platform-logo"></div> </div> <div class="user-review__body"> <div class="user-review__title">Un valioso firmador de documentos para pequeñas empresas.</div> <div class="user-review__message">"Me encanta que DocHub sea increíblemente asequible y personalizable. Realmente hace todo lo que necesito, sin un gran precio como algunos de sus competidores más conocidos. Puedo enviar documentos seguros directamente a los correos electrónicos de mis clientes y en tiempo real cuando están viendo y haciendo alteraciones a un documento."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/151/images/_pages/functionality/icons/photo-jiovany@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Jiovany A</b><br>Pequeña Empresa</div> </div> </div> </div> </div> <div class="user-reviews__item"> <div class="user-review"> <div class="user-review__header"> <div class="rating"> <div class="rating__stars"> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-filled"></div> <div class="rating__star is-half-filled"></div> </div> </div> <div class="user-review__platform-logo"> </div> </div> <div class="user-review__body"> <div class="user-review__title">Puedo crear copias rellenables para las plantillas que selecciono y luego puedo publicarlas.</div> <div class="user-review__message">"Me gusta trabajar y organizar mi trabajo de la manera adecuada para cumplir e incluso superar las demandas que se hacen a diario en la oficina, así que disfruto trabajar con archivos PDF, creo que son más profesionales y versátiles, permiten..."</div> <div class="user-review__author"> <div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/151/images/_pages/functionality/icons/photo-victoria@2x.png" alt="" loading="lazy"></div> <div class="user-review__author-name"><b>Victoria G</b><br>Pequeña Empresa</div> </div> </div> </div> </div> </div> </div> </section> <section class="page-section page-section--c2a-get-form"> <div class="page-section__inner"> <div class="section-title-preamble">esté listo para obtener más</div> <h4 class="section-title">Edita y firma PDF<span class="section-title__accent">gratis</span></h4> <a class="button" tabindex="0" data-qa-tag="button-cta-get-started" onclick="sksTracker.trackBeforeAction()" href="https://dochub.com/sign-up" data-metric-ab-tower="dh_lp_sign_up_buttons_in_lp_functionalities" >Empieza ahora</a> </div> </section> <section class="page-section page-section--related-searches"> <div class="page-section__inner"> <h3 class="section-title">Búsquedas relacionadas</h3> <div class="tags-group"> <span class="tag" data-qa-tag="tag-link-1">banner html w3schools</span> <span class="tag" data-qa-tag="tag-link-2">código de banner html simple</span> <span class="tag" data-qa-tag="tag-link-3">cómo hacer un banner superior en html</span> <span class="tag" data-qa-tag="tag-link-4">banner en html css</span> <span class="tag" data-qa-tag="tag-link-5">banner héroe html</span> <span class="tag" data-qa-tag="tag-link-6">banner responsivo html css</span> <span class="tag" data-qa-tag="tag-link-7">ejemplo de código de banner html5</span> <span class="tag" data-qa-tag="tag-link-8">plantilla de banner html</span> </div> </div> </section> <div class="page__footer"> <div class="page-section page-section--footer"> <div class="page-section__inner"> <div class="footer-section"> <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/151/images/logos/dochub-reverse-2025.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div> <div class="footer-section footer-section--only-tablet"><a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a> <div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div> <div class="socials-list lazy-background"> <div class="socials-list__item"><a class="socials-link socials-link--twitter" href="https://twitter.com/dochub">Follow Us</a></div> </div> </div> <div class="footer-section app-buttons app-buttons--desktop"> <a class="app-buttons__google-play" href="https://dochub.onelink.me/taut?af_xp=custom&pid=web_footer" rel="noopener" target="_blank"> <img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/151/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy"> </a> <a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&pid=web_footer" rel="noopener" target="_blank"> <img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/151/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="135" height="40" loading="lazy"> </a> </div> <div class="copyright-caption">© 2025 DocHub, LLC</div> </div> <div class="footer-section"> <div class="footer-section-title">Products</div> <div class="footer-menu"> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-editor">PDF Editor</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pdf-forms">Forms & Templates</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/sign-documents">Sign Documents</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://dochub.statuspage.io/">Server Status</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/pricing">Pricing</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/fillable-form">Forms Library</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/main-features">Features</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/es/functionality">Functions</a></div> </div> </div> <div class="footer-section"> <div class="footer-section-title">Company</div> <div class="footer-menu"> <div class="footer-menu__item"><a class="footer-menu__link" href="https://www.dochub.com/en/about-us">About</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/terms-of-services">Terms</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/privacy-notice">Privacy Notice</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/site/legal">Legal</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://dochub.com/helpdesk">Support</a></div> <div class="footer-menu__item"><a class="footer-menu__link" href="https://dochub.com/release-notes">Release Notes</a></div> </div> </div> <div class="footer-section"> <div class="footer-section-title">Resources</div> <div class="footer-menu"> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.pdffiller.com/">pdfFiller</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.uslegalforms.com/">US Legal Forms</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.signnow.com/">Electronic Signature</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.airslate.com ">No-code document workflows</a></div> <div class="footer-menu__item"><a class="footer-menu__link" rel="noopener" target="_blank" href="https://www.dochub.com/en/mobile-app">DocHub Mobile App</a></div> </div> </div> <div class="footer-section"> <div class="footer-section-title">What's New</div> <div class="text-label text-label text-label--new">New</div> <div class="release-note-caption">DocHub v6 Released! Multi-file envelopes, bulk file importing, and multi-page reordering and much more.</div> </div> <div class="footer-section footer-section--only-desktop"> <div class="footer-section-title footer-section-title--mobile-only">Contact us</div> <a class="footer-contact-email" href="mailto:support@dochub.com">support@dochub.com</a> <div class="footer-contact-address">17 Station St., Ste 3 Brookline, MA 02445</div> <div class="socials-list lazy-background"> <div class="socials-list__item"> <a class="socials-link socials-link--twitter" rel="noopener" target="_blank" href="https://twitter.com/dochub">Follow Us</a> </div> </div> </div> <div class="footer-section app-buttons app-buttons--mobile"> <a class="app-buttons__google-play" href="https://dochub.onelink.me/taut?af_xp=custom&pid=web_footer" rel="noopener" target="_blank"> <img class="google-play" src="https://cdn.mrkhub.com/dochub-frontend/151/images/_modules/section-footer/google-play-transparent.svg" alt="Google Play" width="135" height="40" loading="lazy"> </a> <a class="app-buttons__app-store" href="https://dochub.onelink.me/J95I?af_xp=custom&pid=web_footer" rel="noopener" target="_blank"> <img class="app-store" src="https://cdn.mrkhub.com/dochub-frontend/151/images/_modules/section-footer/app-store-transparent.svg" alt="App Store" width="135" height="40" loading="lazy"> </a> </div> </div> <div class="page-section__inner page-section__inner--footer-mobile-only"> <div class="logo"><img class="logo__image" src="https://cdn.mrkhub.com/dochub-frontend/151/images/logos/dochub-reverse-2025.svg" alt="DocHub logo" width="104" height="24" loading="lazy"></div> <div class="copyright-caption">© 2025 DocHub, LLC</div> </div> </div> </div> <div class="popup-cookie popup-cookie__v2 popup-cookie--top"> <div class="popup-cookie__close js-popup-close"></div> <div class="popup-cookie__row"> <div class="popup-cookie__column popup-cookie__column--description"> <div class="popup-text">This site uses cookies to enhance site navigation and personalize your experience. By using this site you agree to our use of cookies as described in our <a href="https://dochub.com/site/privacy-notice" title="Cookie Privacy Notice" rel="noopener" target="_blank">Privacy Notice</a>. You can modify your selections by visiting our <a href="https://dochub.com/site/cookies" title="Cookie Advertising Notice" rel="noopener" target="_blank">Cookie and Advertising Notice</a>.<span class="popup-readmore popup-readmore--more">... <span class="link">Read more...</span></span><span class="popup-readmore popup-readmore--less link">Read less</span></div> </div> <div class="popup-cookie__column popup-cookie__column--action"><span class="button button__bordered js-popup-accept" tabindex="0">Accept</span></div> </div> </div> <script> window.events = {"google_one_tap_click":"dh_lp_google_one_tap_click","google_one_tap_close":"dh_lp_google_one_tap_close","google_button_displayed":"dh_lp_google_button_displayed","google_button_click":"dh_lp_google_button_click","pdffiller_editor_button_click":"dh_pdffiller_uploader_click"}; </script> <script> window.CURRENT_DATE_LOCALE = 'es'; </script> <img style="position: absolute; left: -9999px;" src="https://www.pdffiller.com/funnel.php?source=functionality_dochub" alt=""/> <script src="https://cdn.mrkhub.com/dochub-frontend/151/javascripts/functionality-page.js"></script> <script src="https://static-ak.pdffiller.com/frontend/babel-polyfill.min.js"></script> <script src="https://static-ak.pdffiller.com/frontend/react16-vendors.min.js"></script> <script src="https://static-ak.pdffiller.com/frontend/Uploader_1/42100/Uploader.js"></script> <script> window.user = { 'internalEmail' : '', 'isLogged' : false, 'isPaid' : false, 'email' : '', }; window.allConstants.UPLOADER_DOCHUB_UPLOAD_DZ_BUTTON_TEXT = 'Seleccione un documento'; const sendMetricWithRedirect = function(metrics = {}, route = '/api/send-metrics') { return new Promise((resolve, reject) => { let ajax = new XMLHttpRequest(); ajax.open('POST', route, true); ajax.setRequestHeader('Content-Type', 'application/json'); ajax.setRequestHeader('X-CSRF-TOKEN', document.querySelector('meta[name="csrf-token"]').content); ajax.onload = function() { if (ajax.status === 200) { resolve(); } else { reject(); } }; ajax.send(JSON.stringify(metrics)); }); }; var sendStat = function() { return true; }; var isUserPaid = function() { return window.user && window.user.isPaid !== undefined ? { isPaid: window.user.isPaid } : {isPaid: false}; }; var getUserEmail = function() { return window.user && window.user.internalEmail !== undefined ? { internalEmail: window.user.internalEmail, } : {internalEmail: ''}; }; var isUserLogged = function() { return window.user && window.user.isLogged !== undefined ? { isLogged: window.user.isLogged } : { isLogged: false }; }; var runTemplateSuggestion = function() { console.log('runTemplateSuggestion'); return true; }; var openEditor = function(res) { if (res.type === 'SUCCESS' || res.type === 'GO_TO_EDITOR') { setExternalGuestId('https://www.pdffiller.com/api_v3/abTest/setExternalGuestId', getRedirectLink, res.uploadData); fetch('https://www.pdffiller.com/api_v3/uploader/info?lang=es', { method: 'post', headers: { 'Content-Type': 'application/json', 'User-Agent': navigator.userAgent, 'userid': res.uploadData.auth.userId, 'token': res.uploadData.auth.token, 'appkey': res.uploadData.auth.appKey }, body: JSON.stringify({ 'origin': 'https://www.dochub.com', 'projectId': res.uploadData.docList[0].id, 'guestId': '08bdd64709.1746521649' }) }) .then(response => response.json()) .then(response => { if (response.data && response.result === true) { document.cookie = 'api_js=' + response.data.api_js + "; path=/; max-age=3600"; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "CE_file_navigate", }) sksTracker.trackBeforeAction(); sendMetricWithRedirect({ abTower: 'dh_pdffiler_editor_before_redirect', dataDog: 'dh_pdffiler_editor_before_redirect', }, 'https://www.dochub.com/api/send-metrics') .then(() => { window.location.href = response.data.redirect_url; }) .catch(() => { console.log("sendMetricWithRedirect: Failed to send metrics"); window.location.href = response.data.redirect_url; }); } else { console.log("Can't make redirect on editor"); } }); } return true; }; window.sendMetric = (metrics = {}, route = '/api/send-metrics') => { let ajax = new XMLHttpRequest(); ajax.open('POST', route, true); ajax.setRequestHeader('Content-Type', 'application/json'); ajax.setRequestHeader('X-CSRF-TOKEN', document.querySelector('meta[name="csrf-token"]').content); ajax.send(JSON.stringify(metrics)); }; var setExternalGuestId = function (url, callback, uploadData) { var ajax = new XMLHttpRequest(); var body = { 'guestId': '08bdd64709.1746521649' }; ajax.open('POST', url, true); ajax.setRequestHeader('userid', uploadData.auth.userId); ajax.setRequestHeader('token', uploadData.auth.token); ajax.setRequestHeader('appkey', uploadData.auth.appKey); ajax.setRequestHeader('Content-Type', 'application/json'); ajax.send(JSON.stringify(body)); }; function sendAbTestEvent() { window.sendMetric({ abTower: 'dh_pdffiler_editor_start_uploading', dataDog: 'dh_pdffiler_editor_start_uploading', }, 'https://www.dochub.com/api/send-metrics'); } function sendDataLayerEvent() { window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "CE_file_upload", }) } var getRedirectLink = function (response) { response = JSON.parse(response); if (response.result) { document.cookie = 'api_js=' + response.data.api_js + "; path=/; max-age=3600"; window.location.href = response.data.redirect_url } }; initUploader({ localePrefix: 'DOCHUB_', app: 'DOCHUB_MAIN_FEATURES', modes: { microSites: true }, features: ["@UPLOADER\/UPLOAD"], api: { base: 'https://www.pdffiller.com', ws: { host: 'wss://mm-websocket.pdffiller.com', port: '443', }, }, auth: { appKey: 'klwlq3h4jfi8.apps.dochub.v1.0' }, multiple: 1, lang: 'es', callbacks: { end: openEditor, request: runTemplateSuggestion }, hooks: { data: { modalOpen: [getUserEmail, isUserLogged, isUserPaid] }, actions: { startUploading: [sendAbTestEvent, sendDataLayerEvent], }, stat: sendStat, }, }); </script> <script defer src="https://cdn.mrkhub.com/sks/js/sks_track.js"></script> <link media="all" href="https://cdn.mrkhub.com/dochub-frontend/151/stylesheets/functionality-page.css" rel="stylesheet"> </body> </html> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'93b740f0f9d8cf78',t:'MTc0NjUyMTY3NC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>