Establecer marca en html

Cómo establecer la marca en html

Cuando tu trabajo diario consiste en mucha edición de documentos, ya sabes que cada formato de documento requiere su propio enfoque y, a menudo, aplicaciones específicas. Manejar un archivo html que parece simple puede, a veces, detener todo el proceso, especialmente cuando intentas editar con software insuficiente. Para evitar este tipo de problemas, consigue un editor que pueda cubrir tus necesidades sin importar el formato del archivo y establece la marca en html sin obstáculos.

Con DocHub, vas a trabajar con una herramienta de edición multifuncional para cualquier ocasión o tipo de documento. Reduce el tiempo que solías invertir en navegar por las características de tu antiguo software y aprende de nuestra interfaz intuitiva mientras realizas el trabajo. DocHub es una plataforma de edición en línea elegante que maneja todas tus necesidades de procesamiento de documentos para prácticamente cualquier archivo, como html. Ábrelo y ve directamente a la productividad; no se necesita capacitación previa ni leer manuales para disfrutar de los beneficios que DocHub aporta a la gestión de documentos. Comienza dedicando unos minutos a registrar tu cuenta ahora.

Sigue estos pasos para establecer la marca en html

Visita la página de inicio de DocHub y haz clic en el botón Crear cuenta gratuita.
Procede a la inscripción y proporciona tu dirección de correo electrónico para crear tu cuenta. Para acelerar tu registro, simplemente vincula tu perfil de Gmail.
Cuando tu registro esté completo, procede al Tablero. Agrega el html para comenzar a editar en línea.
Abre tu documento y utiliza la barra de herramientas para agregar todos los cambios deseados.
Después de haber terminado de editar, guarda tu archivo: descárgalo de nuevo en tu dispositivo, mantenlo en tu perfil o envíalo a los destinatarios dedicados directamente desde la interfaz del editor.

Observa mejoras en el procesamiento de tus documentos inmediatamente después de abrir tu perfil de DocHub. Ahorra tiempo en la edición con nuestra solución única que puede ayudarte a ser más eficiente con cualquier formato de archivo con el que tengas que trabajar.

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 Establecer marca en html

4.7 de 5

59 votos

- bienvenido a tu canal de dificultades, maestro en esta estructura. Voy a crear o hacer una barra con el logo de la marca que puedes ver en mi pantalla, lado de la marca logo o logo de la empresa y lado derecho menú de navegación con fondo hover y texto sobre. Las empresas deben poner su logo dentro de la nueva barra. Deja que la startup nos cree como barra de navegación con logo de la marca. Puedes diseñar tu logo usando Photoshop, Illustrator y otros software de aplicación de diseño. Después de diseñar, crea una carpeta en tu diseño del departamento central con novo y pon el logo dentro de la carpeta. Luego abre tu editor de texto, escribe básico en predeterminado, una estructura estándar para una página donde en el título del ítem y ve a la sección del cuerpo. Crea un div con clase logo, también crea un enlace para el logo que tienes e inserta la imagen del logo logo.jpg PNG y colores a y Kalos. Profundiza el nombre para la barra de navegación, ocho nuevos propietarios de lista y cierra. Ve tu página, mucho este título. También crea un enlace para el ítem de lista o menú. Oh, cierra, copia esto y hay más tiempo f

¿Tienes preguntas?

A continuación, algunas preguntas comunes de nuestros clientes que pueden proporcionarte la respuesta que buscas. Si no puedes encontrar una respuesta a tu pregunta, no dudes en ponerte en contacto con nosotros.

Contacto

¿Cómo hago etiquetas de texto en HTML?

Primero, usa la etiqueta proporcionando el atributo for y el id. La etiqueta necesita un atributo for cuyo valor sea el mismo que el id de la entrada. Alternativamente, la etiqueta se puede usar directamente dentro de la etiqueta

¿Cómo puedo insertar una imagen en HTML?

La etiqueta se utiliza para incrustar una imagen en una página web. Las imágenes no se insertan técnicamente en una página web; las imágenes están vinculadas a páginas web. La etiqueta crea un espacio de contención para la imagen referenciada. La etiqueta está vacía, contiene solo atributos y no tiene una etiqueta de cierre.

¿Dónde se utiliza la etiqueta label?

La etiqueta define la etiqueta para los elementos ,

, <select>, <button>, <fieldset>, <output> o <progress>. La etiqueta se puede usar de dos maneras: Primero, usa la etiqueta <label> proporcionando el atributo for y el id. La etiqueta necesita un atributo for cuyo valor sea el mismo que el id de la entrada.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="3" data-qa-tag="faq-tab-4">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo estilizas etiquetas en HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-4-content">El atributo style especifica el estilo, es decir, la apariencia y sensación, del elemento. Un estilo contiene cualquier número de pares de propiedad/valor CSS, separados por punto y coma (;). El atributo style anula cualquier otro estilo que se haya definido en una etiqueta <style> o en un archivo CSS externo.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="4" data-qa-tag="faq-tab-5">
                        <div class="accordion__panel-status"></div>
                        ¿Cómo insertar una imagen en HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-5-content">La etiqueta <img> se utiliza para incrustar una imagen en una página web. Las imágenes no se insertan técnicamente en una página web; las imágenes están vinculadas a páginas web. La etiqueta <img> crea un espacio de contención para la imagen referenciada. La etiqueta <img> está vacía, contiene solo atributos y no tiene una etiqueta de cierre.</div>
                </div>
                                    <div class="accordion__panel">
                    <h3 class="accordion__panel-title" role="tab" tabindex="5" data-qa-tag="faq-tab-6">
                        <div class="accordion__panel-status"></div>
                        ¿Para qué se utiliza la etiqueta label?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-6-content">Las etiquetas pueden usarse para cualquier combinación de identificación, información, advertencia, instrucciones de uso, consejos ambientales o publicidad. Pueden ser adhesivos, etiquetas permanentes o temporales o empaques impresos.</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 estilizas una etiqueta label en CSS?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-7-content">Para estilizar los elementos label de la manera en que aparecen en la imagen de la introducción, necesitas usar el elemento label con el atributo for. Además, necesitas cerrar el elemento label antes de agregar el elemento de entrada en sí. El HTML para el formulario completo se muestra en la ilustración.</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 estilizas una etiqueta label en HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-8-content">El atributo style especifica el estilo, es decir, la apariencia y sensación, del elemento. Un estilo contiene cualquier número de pares de propiedad/valor CSS, separados por punto y coma (;). El atributo style anula cualquier otro estilo que se haya definido en una etiqueta <style> o en un archivo CSS externo.</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 poner una imagen en HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-9-content">Así es como se hace en tres pasos sencillos: Copia la URL de la imagen que deseas insertar. A continuación, abre tu archivo index.html e insértalo en el código <img>. Ejemplo: Guarda el archivo HTML. La próxima vez que lo abras, verás la página web con tu imagen recién añadida.</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 logo de marca en HTML?
                    </h3>
                    <div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-10-content">6 pasos simples para insertar una imagen o un logo en HTML. Sube el archivo de imagen. Para este paso, subiremos un archivo de imagen al directorio publichtml de un sitio web de WordPress a través del administrador de archivos de Hostinger. Accede a la carpeta del tema. Agrega el atributo img src a la imagen. Establece el ancho y la altura. Agrega un atributo alt. Guarda los cambios.</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/153/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/153/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/153/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">barra de navegación con logo w3schools</span>
                            <span class="tag" data-qa-tag="tag-link-2">logo en la barra de navegación html</span>
                            <span class="tag" data-qa-tag="tag-link-3">barra de navegación con logo a la izquierda html & css</span>
                            <span class="tag" data-qa-tag="tag-link-4">iconos de font awesome</span>
                            <span class="tag" data-qa-tag="tag-link-5">barra de navegación con logo html css</span>
                            <span class="tag" data-qa-tag="tag-link-6">barra de navegación responsiva con logo html css</span>
                            <span class="tag" data-qa-tag="tag-link-7">fa fa-lista de productos</span>
                            <span class="tag" data-qa-tag="tag-link-8">barra de navegación con logo de marca</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/153/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="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" href="https://dochub.com/site/patents">Patents</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/153/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/153/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/153/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">
    <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>

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': '7a511dbe8a.1747446015'
                })
            })
            .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': '7a511dbe8a.1747446015'
                };
                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>

Establecer marca en html suavemente