Where should I put title in HTML?
The HTML
tag is used for indicating the title of the HTML document. The body title is placed between the <head> and the </head> tags. HTML document title is visible via browser's title bar.</div>
</div>
<div class="accordion__panel">
<h3 class="accordion__panel-title" role="tab" tabindex="2" data-qa-tag="faq-tab-3">
<div class="accordion__panel-status"></div>
How do you Copy a title link?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-3-content">The default behavior is for the link to paste as a hyperlinked title: In Microsoft Edge, copy the URL you want from the address bar by either right-clicking it and selecting Copy from the context menu or by selecting the address and pressing Ctrl + C.</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>
How do you Copy and paste a link into an email?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-4-content">0:42 1:58 And then there's different mesons methods of this but you need to copy that bit of information toMoreAnd then there's different mesons methods of this but you need to copy that bit of information to your clipboard what I do is I do ctrl C so ctrl C. That's now in the clipboard.</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>
How do you copy text in code?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-5-content">How to copy & paste your code. With your mouse, click and drag to select all of your code. ... On your keyboard, copy your code by using Ctrl + C (hold down Ctrl key and then tap V key. ... Go to the forum. ... Ctrl + V to past your code. ( ... Now highlight all your code again. There is a button that looks like this { } .</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>
Where does the title element go?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-6-content">The TITLE element should occur in the HEAD of the document. There may only be one title in any document. It should identify the content of the document in a fairly wide context. The title is not part of the text of the document, but is a property of the whole document.</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>
Does the title go in the header HTML?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-7-content">Every HTML document must have a TITLE element in the HEAD section. So no, you can't put the <title> tag inside the <body> tag.</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>
How do you send a link to someone?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-8-content">1:17 2:42 So if i wanted to share the link to this webpage via text message and do the same i'm going to tapMoreSo if i wanted to share the link to this webpage via text message and do the same i'm going to tap the share icon. And the second selection is message i'm going to tap. Message.</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>
How do I copy text from a web page?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-9-content">Press and hold the left mouse button. Then, drag the mouse from the top-left to the bottom-right part of the section of text you want to copy. To copy the highlighted text, on your keyboard, press the keyboard shortcut Ctrl + C or right-click the highlighted text and click Copy.</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>
Where should a title tag be written?
</h3>
<div class="accordion__panel-body" role="tabpanel" data-qa-tag="faq-tab-10-content">The <TITLE> tag appears within the <HEAD> section of a web page. Other content may also appear in the header area, including meta description tags, the canonical tag, special tags for Facebook and much more. In my example above, I've eliminated much of what's in the head area so that we can focus on the title tag.</div>
</div>
</div>
</div>
</div>
</section>
<section class="page-section page-section--customers-reviews">
<div class="page-section__inner">
<h2 class="section-title">See why our customers choose 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">Great solution for PDF docs with very little pre-knowledge required.</div>
<div class="user-review__message">"Simplicity, familiarity with the menu and user-friendly. It's easy to navigate, make changes and edit whatever you may need. Because it's used alongside Google, the document is always saved, so you don't have to worry about it."</div>
<div class="user-review__author">
<div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/150/images/_pages/functionality/icons/photo-pam@2x.png" alt="" loading="lazy"></div>
<div class="user-review__author-name"><b>Pam Driscoll F</b><br>Teacher</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">A Valuable Document Signer for Small Businesses.</div>
<div class="user-review__message">"I love that DocHub is incredibly affordable and customizable. It truly does everything I need it to do, without a large price tag like some of its more well known competitors. I am able to send secure documents directly to me clients emails and via in real time when they are viewing and making alterations to a document."</div>
<div class="user-review__author">
<div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/150/images/_pages/functionality/icons/photo-jiovany@2x.png" alt="" loading="lazy"></div>
<div class="user-review__author-name"><b>Jiovany A</b><br>Small-Business</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">I can create refillable copies for the templates that I select and then I can publish those.</div>
<div class="user-review__message">"I like to work and organize my work in the appropriate way to meet and even exceed the demands that are made daily in the office, so I enjoy working with PDF files, I think they are more professional and versatile, they allow..."</div>
<div class="user-review__author">
<div class="user-review__author-avatar"><img src="https://cdn.mrkhub.com/dochub-frontend/150/images/_pages/functionality/icons/photo-victoria@2x.png" alt="" loading="lazy"></div>
<div class="user-review__author-name"><b>Victoria G</b><br>Small-Business</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">be ready to get more</div>
<h4 class="section-title">Edit and sign PDF<span class="section-title__accent">for free</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"
>Get started now</a>
</div>
</section>
<section class="page-section page-section--related-searches">
<div class="page-section__inner">
<h3 class="section-title">Related Searches</h3>
<div class="tags-group">
<span class="tag" data-qa-tag="tag-link-1">html title</span>
<span class="tag" data-qa-tag="tag-link-2">title attribute in html</span>
<span class="tag" data-qa-tag="tag-link-3">html title tooltip</span>
<span class="tag" data-qa-tag="tag-link-4">html title attribute style</span>
<span class="tag" data-qa-tag="tag-link-5">html code copy to clipboard</span>
<span class="tag" data-qa-tag="tag-link-6">where do you place the title> tag in html</span>
<span class="tag" data-qa-tag="tag-link-7">what is the use of title> tag in html</span>
<span class="tag" data-qa-tag="tag-link-8">html title attribute css</span>
</div>
</div>
</section>
<div class="page__footer">
<section class="page-section page-section--functions-menus">
<div class="page-section__inner">
<h2 class="section-title">Try more PDF tools</h2>
<div class="functions-menus">
<div class="functions-menus__column">
<div class="functions-menu-title">Edit & Annotate</div>
<div class="functions-menu">
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--edit-pdf" href="https://www.dochub.com/en/main-features/edit-and-annotate-pdfs">Edit PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--add-fields" href="https://www.dochub.com/en/main-features/add-fillable-fields">Add Fillable Fields</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--create-pdf" href="https://www.dochub.com/en/main-features/create-a-new-pdf-document">Create PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--insert-merge" href="https://www.dochub.com/en/main-features/insert-and-merge-pdf">Insert and Merge</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--page-numbers" href="https://www.dochub.com/en/main-features/number-and-label-pages-on-a-pdf">Add Page Numbers</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--rotate-pages" href="https://www.dochub.com/en/main-features/rotate-pages-in-a-pdf">Rotate Pages</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--delete-pages" href="https://www.dochub.com/en/main-features/delete-pages-from-a-pdf">Delete Pages</a></div>
</div>
</div>
<div class="functions-menus__column">
<div class="functions-menu-title">Convert</div>
<div class="functions-menu">
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--word-to-pdf" href="https://www.dochub.com/en/main-features/convert-word-to-pdf">Word to PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--txt-to-pdf" href="https://www.dochub.com/en/main-features/convert-txt-to-pdf">TXT to PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--html-to-pdf" href="https://www.dochub.com/en/main-features/convert-html-to-pdf">HTML to PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--csv-to-pdf" href="https://www.dochub.com/en/main-features/convert-csv-to-pdf">CSV to PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--ppt-to-pdf" href="https://www.dochub.com/en/main-features/convert-ppt-to-pdf">PPT to PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--rtf-to-pdf" href="https://www.dochub.com/en/main-features/convert-rtf-to-pdf">RTF to PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--jpg-to-pdf" href="https://www.dochub.com/en/main-features/convert-jpgjpeg-to-pdf">JPG/JPEG to PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--png-to-pdf" href="https://www.dochub.com/en/main-features/convert-png-to-pdf">PNG to PDF</a></div>
</div>
</div>
<div class="functions-menus__column">
<div class="functions-menu-title">Collaborate & Share</div>
<div class="functions-menu">
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--add-comments" href="https://www.dochub.com/en/main-features/add-comments-on-a-pdf">Add Comments</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--share-link" href="https://www.dochub.com/en/main-features/send-pdf-via-shareable-link">Share via Link</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--share-email" href="https://www.dochub.com/en/main-features/send-pdf-as-attachment">Share via Email</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--fax" href="https://www.dochub.com/en/main-features/send-pdf-via-fax">Fax</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--pdf-status" href="https://www.dochub.com/en/main-features/track-pdf-document-status">PDF Status</a></div>
</div>
</div>
<div class="functions-menus__column">
<div class="functions-menu-title">Sign & Send</div>
<div class="functions-menu">
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--sign-pdf" href="https://www.dochub.com/en/main-features/sign-a-document">Sign a PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--send-for-sign" href="https://www.dochub.com/en/main-features/send-out-documents-to-be-signed">Send for Signing</a></div>
</div>
</div>
<div class="functions-menus__column">
<div class="functions-menu-title">Protect PDF</div>
<div class="functions-menu">
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--protect-pdf" href="https://www.dochub.com/en/main-features/password-protect-document">Set PDF password</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--readable-pdf" href="https://www.dochub.com/en/main-features/readable-document">Readable PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--certify-pdf" href="https://www.dochub.com/en/main-features/certify-document">Certify PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--pdf-audit" href="https://www.dochub.com/en/main-features/document-audit">PDF Audit Trail</a></div>
</div>
</div>
<div class="functions-menus__column">
<div class="functions-menu-title">Others</div>
<div class="functions-menu">
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--search-pdf" href="https://www.dochub.com/en/main-features/search-for-documents">Search for PDF</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--export" href="https://www.dochub.com/en/main-features/export-pdf">Export</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--download-pdf" href="https://www.dochub.com/en/main-features/download-pdf">Download</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--flatten-fields" href="https://www.dochub.com/en/main-features/flatten-fields-on-a-pdf">Flatten Fields</a></div>
<div class="functions-menu__item"><a class="functions-menu__link functions-menu__link--print" href="https://www.dochub.com/en/main-features/print-out-pdf">Print out</a></div>
</div>
</div>
</div>
<div class="section-decoration-shadow-1"></div>
<div class="section-decoration-shadow-2"></div>
<div class="section-decoration-shadow-3"></div>
</div>
</section>
<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/150/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/150/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/150/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/en/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/150/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/150/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/150/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 = 'en';
</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/150/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 = 'Select a document';
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=en', {
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': 'df513b1666.1745985834'
})
})
.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': 'df513b1666.1745985834'
};
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: 'en',
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/150/stylesheets/functionality-page.css" rel="stylesheet">
</body>
</html>
