co to jest sekcja HEAD

W oparciu o zrozumienie niuansów tworzenia stron internetowych, niezastąpionym aspektem każdej witryny jest jej sekcja HEAD. Mimo że często pozostaje niewidoczna dla przeciętnego użytkownika, odgrywa kluczową rolę w funkcjonowaniu strony. Zrozumienie znaczenia tej części dokumentu HTML otwiera drzwi do optymalizacji strony pod kątem wyszukiwarek internetowych, polepszania jej użyteczności oraz dostosowywania do potrzeb użytkowników. W tym kontekście zapraszamy do zgłębienia tajników sekcji HEAD, a także zachęcamy do skorzystania z usług Agencji Interaktywnej Argonium, która specjalizuje się w tworzeniu profesjonalnych stron internetowych, w pełni dostosowanych do indywidualnych potrzeb klientów.

Sekcja HEAD jest integralną częścią struktury każdej strony internetowej, definiowaną na początku kodu HTML dokumentu. Jej zawartość nie jest bezpośrednio wyświetlana użytkownikom przeglądającym stronę, jednak pełni ważną funkcję informacyjną dla przeglądarek internetowych oraz robotów indeksujących witryny.

Znajdują się w niej metadane, tytuł strony (tag ), odniesienia do arkuszy stylów CSS (<link>), skrypty JavaScript (<script>), a także inne elementy takie jak meta tagi opisujące stronę (<meta name="description" content="...">) czy linki do ikonki strony (favicon). Każdy z tych elementów ma swoje unikalne zadanie, od wpływania na sposób wyświetlania się strony w przeglądarce, po udzielanie instrukcji robotom wyszukiwarek, jak interpretować zawartość strony.<br /><br />Zastosowanie odpowiednich elementów w sekcji HEAD może znacząco wpłynąć na pozycjonowanie strony w wynikach wyszukiwania. Meta tagi, takie jak opis, słowa kluczowe czy instrukcje dla robotów (np. <meta name="robots" content="noindex">, który mówi wyszukiwarkom, aby nie indeksowały danej strony), są analizowane przez algorytmy, co bezpośrednio przekłada się na widoczność strony w internecie.<br /><br />Kolejnym ważnym aspektem, dla którego należy poświęcić szczególną uwagę sekcji HEAD, jest optymalizacja pod kątem urządzeń mobilnych poprzez zastosowanie odpowiednich meta tagów (np. <meta name="viewport" content="width=device-width, initial-scale=1">), które odpowiadają za właściwe skalowanie strony. To kluczowy czynnik, mając na uwadze rosnącą liczbę użytkowników korzystających z internetu za pośrednictwem telefonów komórkowych i tabletów.<br /><br />Opracowanie skutecznej i optymalnie skonfigurowanej sekcji HEAD wymaga jednak dogłębnej wiedzy i doświadczenia. Tu z pomocą przychodzi Agencja Interaktywna Argonium, oferująca kompleksowe usługi projektowania stron internetowych. Dzięki specjalizacji w najnowszych technologiach i trendach w dziedzinie web designu, Argonium pomaga swoim klientom w stworzeniu stron, które nie tylko przyciągają uwagę swoją estetyką, ale są również zoptymalizowane pod kątem wyszukiwarek, co przekłada się na ich skuteczność i widoczność w sieci.<br /><br />Zapraszamy do kontaktu z Agencją Interaktywną Argonium, aby wykorzystać potencjał sekcji HEAD w pełni i wnieść Państwa obecność online na wyższy poziom. Dzięki profesjonalnemu podejściu i indywidualnej analizie potrzeb klienta, możliwe jest stworzenie strony internetowej, która nie tylko będzie spełniać oczekiwania w zakresie funkcjonalności, ale również będzie się wyróżniać na tle konkurencji.<br /><br /></div> </div> <div class="seo-article-other"> <div class="seo-article-other-title">Zobacz również:</div> <a href="/slownik-seo/co-to-jest-htaccess" class="seo-dictionary-item">Co to jest .htaccess?</a> <a href="/slownik-seo/co-to-jest-rich-media" class="seo-dictionary-item">co to jest rich media</a> <a href="/slownik-seo/co-to-jest-pagerank" class="seo-dictionary-item">Co to jest PageRank?</a> <a href="/slownik-seo/co-to-jest-bert" class="seo-dictionary-item">co to jest BERT</a> <a href="/slownik-seo/co-to-jest-skuteczne-pozycjonowanie-stron" class="seo-dictionary-item">co to jest skuteczne pozycjonowanie stron</a> </div> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "aggregateRating", "ratingValue": "4.3", "bestRating": "5", "ratingCount": "167", "itemReviewed": { "@type": "Periodical", "image": "", "name": "co to jest sekcja HEAD" }, "name": "co to jest sekcja HEAD", "author": { "@type": "Person", "name": "Beata Pietrzak", "image": "/templates/default/img/author_62.jpg" } } </script> <div class="author"> <div class="author-top"> <img src="/templates/default/img/author_62.jpg" alt="autor" class="author-photo"> <div class="author-info"> <div class="author-label">Autor artykułu</div> <div class="author-name">Beata Pietrzak</div> <div class="author-role">Specjalista od tworzenia treści na strony www oraz sklepy online </div> <div class="author-button">Napisz do mnie</div> </div> <div class="author-socials"> <div class="author-socials-title">Udostępnij</div> <div class="author-socials-list"> <a href="https://www.facebook.com/sharer/sharer.php?u=www.argonium.pl/slownik-seo/co-to-jest-sekcja-head" class="author-social" target="_blank" rel="nofollow"> <svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="Facebook"> <path id="Vector" d="M4.91732 2.75H17.7507C18.2369 2.75 18.7032 2.94315 19.047 3.28697C19.3908 3.63079 19.584 4.0971 19.584 4.58333V17.4167C19.584 17.9029 19.3908 18.3692 19.047 18.713C18.7032 19.0568 18.2369 19.25 17.7507 19.25H4.91732C4.43109 19.25 3.96477 19.0568 3.62096 18.713C3.27714 18.3692 3.08398 17.9029 3.08398 17.4167V4.58333C3.08398 4.0971 3.27714 3.63079 3.62096 3.28697C3.96477 2.94315 4.43109 2.75 4.91732 2.75ZM16.834 4.58333H14.5423C13.6914 4.58333 12.8754 4.92135 12.2737 5.52303C11.672 6.12471 11.334 6.94076 11.334 7.79167V10.0833H9.50065V12.8333H11.334V19.25H14.084V12.8333H16.834V10.0833H14.084V8.25C14.084 8.00689 14.1806 7.77373 14.3525 7.60182C14.5244 7.42991 14.7575 7.33333 15.0007 7.33333H16.834V4.58333Z" fill="black"/> </g> </svg> </a> <a href="https://twitter.com/share?url=www.argonium.pl/slownik-seo/co-to-jest-sekcja-head" class="author-social" target="_blank" rel="nofollow"> <svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="X"> <path id="Vector" d="M24.3248 3.5H28.7373L19.0998 14.5125L30.4373 29.5H21.5623L14.6061 20.4125L6.65605 29.5H2.2373L12.5436 17.7188L1.6748 3.5H10.7748L17.0561 11.8062L24.3248 3.5ZM22.7748 26.8625H25.2186L9.44355 6H6.81855L22.7748 26.8625Z" fill="black"/> </g> </svg> </a> <a href="https://www.linkedin.com/shareArticle?mini=true&url=www.argonium.pl/slownik-seo/co-to-jest-sekcja-head" class="author-social" target="_blank" rel="nofollow"> <svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <g id="Linkedin"> <path id="Vector" d="M17.7507 2.75C18.2369 2.75 18.7032 2.94315 19.047 3.28697C19.3908 3.63079 19.584 4.0971 19.584 4.58333V17.4167C19.584 17.9029 19.3908 18.3692 19.047 18.713C18.7032 19.0568 18.2369 19.25 17.7507 19.25H4.91732C4.43109 19.25 3.96477 19.0568 3.62096 18.713C3.27714 18.3692 3.08398 17.9029 3.08398 17.4167V4.58333C3.08398 4.0971 3.27714 3.63079 3.62096 3.28697C3.96477 2.94315 4.43109 2.75 4.91732 2.75H17.7507ZM17.2923 16.9583V12.1C17.2923 11.3074 16.9775 10.5474 16.4171 9.98693C15.8566 9.42651 15.0965 9.11167 14.304 9.11167C13.5248 9.11167 12.6173 9.58833 12.1773 10.3033V9.28583H9.61982V16.9583H12.1773V12.4392C12.1773 11.7333 12.7457 11.1558 13.4515 11.1558C13.7918 11.1558 14.1183 11.291 14.3589 11.5317C14.5996 11.7724 14.7348 12.0988 14.7348 12.4392V16.9583H17.2923ZM6.64065 7.84667C7.04908 7.84667 7.44079 7.68442 7.7296 7.39561C8.0184 7.10681 8.18065 6.7151 8.18065 6.30667C8.18065 5.45417 7.49315 4.7575 6.64065 4.7575C6.22979 4.7575 5.83575 4.92072 5.54522 5.21124C5.2547 5.50177 5.09148 5.8958 5.09148 6.30667C5.09148 7.15917 5.78815 7.84667 6.64065 7.84667ZM7.91482 16.9583V9.28583H5.37565V16.9583H7.91482Z" fill="black"/> </g> </svg> </a> </div> </div> </div> <div class="author-bottom"> <div class="author-bottom-title">Oceń artykuł</div> <div class="author-bottom-subtitle">co to jest sekcja HEAD</div> <div class="author-stars" data-id="167"> <label class="author-star-input"> <img src="/templates/default/img/icons/star-empty.svg" alt="pusta gwiazdka" class="star-empty author-star" width="38" height="38" style="display: none" /> <img src="/templates/default/img/icons/star-full.svg" alt="pełna gwiazdka" class="star-full author-star" width="38" height="38" /> <input type="radio" name="rate" value="1" > </label> <label class="author-star-input"> <img src="/templates/default/img/icons/star-empty.svg" alt="pusta gwiazdka" class="star-empty author-star" width="38" height="38" style="display: none" /> <img src="/templates/default/img/icons/star-full.svg" alt="pełna gwiazdka" class="star-full author-star" width="38" height="38" /> <input type="radio" name="rate" value="2" > </label> <label class="author-star-input"> <img src="/templates/default/img/icons/star-empty.svg" alt="pusta gwiazdka" class="star-empty author-star" width="38" height="38" style="display: none" /> <img src="/templates/default/img/icons/star-full.svg" alt="pełna gwiazdka" class="star-full author-star" width="38" height="38" /> <input type="radio" name="rate" value="3" > </label> <label class="author-star-input"> <img src="/templates/default/img/icons/star-empty.svg" alt="pusta gwiazdka" class="star-empty author-star" width="38" height="38" style="display: none" /> <img src="/templates/default/img/icons/star-full.svg" alt="pełna gwiazdka" class="star-full author-star" width="38" height="38" /> <input type="radio" name="rate" value="4" > </label> <label class="author-star-input"> <img src="/templates/default/img/icons/star-empty.svg" alt="pusta gwiazdka" class="star-empty author-star" width="38" height="38" style="display: none" /> <img src="/templates/default/img/icons/star-full.svg" alt="pełna gwiazdka" class="star-full author-star" width="38" height="38" /> <input type="radio" name="rate" value="5" checked> </label> </div> <div class="author-reviews"> <span class="author-review-average">4.3</span>/5 na podstawie <span class="author-review-amount">167</span> głosów </div> </div> </div> <input type="hidden" id="article-url" value="/slownik-seo/co-to-jest-sekcja-head"> <div class="modal modal-author"> <div class="modal-bg"></div> <div class="modal-content modal-author-content"> <div class="modal-close"></div> <div class="modal-author-title">Wyślij wiadomość do autora</div> <form class="author-form" data-url="/"> <input type="text" name="name" placeholder="Imię i nazwisko" class="modal-author-input"> <input type="email" name="email" placeholder="Adres e-mail" class="modal-author-input"> <input type="text" name="message" placeholder="Treść wiadomości" class="modal-author-input modal-author-input-full"> <button class="modal-author-btn modal-author-send-btn" disabled>Wyślij</button> <input type="hidden" name="action" value="send_kontakt" /> <input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response" > </form> </div> <div class="modal-content modal-author-success" style="display: none;"> <img src="/templates/default/img/icons/success.svg" alt="sukces" height="60" width="60"> <div class="modal-author-title">Wiadomość wysłana</div> <div>Dziękujemy za wiadomość, skontaktujemy się w ciągu 24 godzin.</div> <button class="modal-author-btn modal-author-success-btn">OK</button> </div> </div> <script src="https://www.google.com/recaptcha/api.js?render=6Lf7eboUAAAAAPNUzw4z23lbtTZuO17nxyisTK_8"></script> </div> </div> <a href="https://www.facebook.com/argoniumpl/?locale=pl_PL" class="fb-widget" target="_blank" rel="nofollow noreferrer" title="Polub nas na Facebook'u"> <img src="/templates/default/img/icons/facebook-widget.svg" alt="Facebook Argonium" width="26" height="26" class="fb-widget-icon"/> <div class="fb-widget-text">Polub nas na Facebook'u</div> <img src="/templates/default/img/icons/facebook-widget-arrow.svg" alt="Facebook Argonium" width="15" height="15" class="fb-widget-arrow"/> </a> <div class="footer"> <div class="container"> <div class="footer-col"> <a href="/" class="footer-logo"><img src="/templates/default/img/logo-footer.svg" alt="Agencja Interaktywna Rzeszów - Argonium" title="Agencja Interaktywna Rzeszów - Argonium"></a> </div> <div class="footer-line yellow"></div> <div class="footer-col"> <a href="/kontakt" class="footer-col-title" title="Kontakt"> Kontakt </a> <div class="footer-col-block"> <strong></strong> <span>Goździkowa 14A</span> <span>Rzeszów 35-604</span> </div> <div class="footer-col-block"> <a href="tel:660 722 441" title="telefon" class="footer-contact-link"> <span class="icon"><img src="/templates/default/img/icons/icon-footer-phone.svg" alt="Telefon"></span> 660 722 441 </a> <a href="mailto:biuro@argonium.pl" title="email" class="footer-contact-link"> <span class="icon"><img src="/templates/default/img/icons/icon-footer-mail.svg" alt="Email"></span> biuro@argonium.pl </a> </div> </div> <div class="footer-line"></div> <div class="footer-col"> <div class="footer-col-title">Zobacz również</div> <a href="https://www.argonium.pl/agencja-interaktywna" class="footer-offer-item" title="Agencja Interaktywna"> Agencja Interaktywna </a> <a href="https://www.argonium.pl/case_study" class="footer-offer-item" title="Case Study"> Case Study </a> <a href="https://www.argonium.pl/baza-wiedzy" class="footer-offer-item" title="Baza Wiedzy"> Baza Wiedzy </a> <a href="/mapa-strony" class="footer-offer-item" title="Mapa strony"> Mapa strony </a> <a href="https://www.argonium.pl/slownik-seo" class="footer-offer-item" title="słownik SEO"> słownik SEO </a> <a href="https://www.argonium.pl/polityka-prywatnosci" class="footer-offer-item" title="Polityka cookies"> Polityka cookies </a> </div> <div class="footer-line"></div> <div class="footer-col"> <div class="footer-social"> <a href="https://www.facebook.com/argoniumpl/" class="footer-social-item" rel="nofollow noreferrer" target="_blank" title="Agencja interaktywna Rzeszów Facebook"> <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.999 1.51869V19.3089C19.999 19.9205 19.5035 20.4116 18.8963 20.4116H13.7981V12.6705H16.3963L16.7847 9.65262H13.7937V7.72405C13.7937 6.84905 14.0347 6.2553 15.2892 6.2553H16.8874V3.55441C16.6106 3.51869 15.6642 3.43387 14.5571 3.43387C12.2535 3.43387 10.6731 4.84012 10.6731 7.42494V9.65262H8.06599V12.6705H10.6731V20.416H1.1017C0.494559 20.416 -0.000976562 19.9205 -0.000976562 19.3133V1.51869C-0.000976562 0.911551 0.494559 0.416016 1.1017 0.416016H18.8919C19.5035 0.416016 19.999 0.911551 19.999 1.51869Z" fill="white"/> </svg> </a> <a href="https://www.instagram.com/argonium_agencja_interaktywna/" class="footer-social-item" rel="nofollow noreferrer" target="_blank" title="Agencja interaktywna Rzeszów Instagram"> <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19.9332 6.45785C19.8554 4.85763 19.4888 3.4352 18.311 2.26838C17.1443 1.10155 15.7221 0.73483 14.1221 0.657042C12.4788 0.557028 7.52217 0.557028 5.87774 0.657042C4.27775 0.73483 2.85554 1.10155 1.68888 2.26838C0.511108 3.4352 0.144443 4.85763 0.0666662 6.45785C-0.0222221 8.10252 -0.0222221 13.0577 0.0666662 14.7034C0.144443 16.3037 0.511108 17.7261 1.68888 18.8929C2.85554 20.072 4.27775 20.4387 5.87774 20.5154C7.52217 20.6043 12.4777 20.6043 14.1221 20.5154C15.7221 20.4387 17.1443 20.072 18.3121 18.8929C19.4899 17.7261 19.8454 16.3048 19.9343 14.7034C20.0221 13.0588 20.0221 8.11363 19.9332 6.45785ZM9.99993 15.7147C7.16662 15.7147 4.87774 13.4244 4.87774 10.5806C4.87774 7.74692 7.16662 5.45771 9.99993 5.45771C12.8332 5.45771 15.1332 7.74692 15.1332 10.5806C15.1332 13.4255 12.8332 15.7147 9.99993 15.7147ZM15.3332 6.44673C14.6777 6.44673 14.1455 5.90221 14.1455 5.24657C14.1455 4.59092 14.6777 4.0464 15.3332 4.0464C16.001 4.0464 16.5332 4.59092 16.5332 5.24657C16.5332 5.91333 15.9999 6.44673 15.3332 6.44673Z" fill="#FCFCFC"/> </svg> </a> <a href="https://zw.linkedin.com/company/argonium" class="footer-social-item" rel="nofollow noreferrer" target="_blank" title="Agencja interaktywna Rzeszów LinkedIn"> <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.3718 0H1.62825C0.729 0 0 0.729 0 1.62825V16.3717C0 17.271 0.729 18 1.62825 18H16.3717C17.271 18 18 17.271 18 16.3717V1.62825C18 0.729 17.271 0 16.3718 0ZM5.56996 15.5424C5.56996 15.8041 5.35783 16.0162 5.09612 16.0162H3.07908C2.81738 16.0162 2.60524 15.8041 2.60524 15.5424V7.08705C2.60524 6.82535 2.81738 6.61321 3.07908 6.61321H5.09612C5.35783 6.61321 5.56996 6.82535 5.56996 7.08705V15.5424ZM4.0876 5.81617C3.02932 5.81617 2.1714 4.95825 2.1714 3.89997C2.1714 2.84169 3.02932 1.98377 4.0876 1.98377C5.14588 1.98377 6.0038 2.84169 6.0038 3.89997C6.0038 4.95825 5.14593 5.81617 4.0876 5.81617ZM16.1109 15.5806C16.1109 15.8212 15.9159 16.0162 15.6753 16.0162H13.5108C13.2702 16.0162 13.0752 15.8212 13.0752 15.5806V11.6145C13.0752 11.0229 13.2487 9.02191 11.529 9.02191C10.1951 9.02191 9.9245 10.3915 9.87017 11.0062V15.5806C9.87017 15.8212 9.67514 16.0162 9.4345 16.0162H7.34113C7.10053 16.0162 6.90545 15.8212 6.90545 15.5806V7.04888C6.90545 6.80829 7.10053 6.61321 7.34113 6.61321H9.4345C9.67509 6.61321 9.87017 6.80829 9.87017 7.04888V7.78655C10.3648 7.04427 11.0999 6.47133 12.665 6.47133C16.1308 6.47133 16.1109 9.70926 16.1109 11.4883V15.5806Z" fill="#FCFCFC"/> </svg> </a> </div> </div> <div class="footer-copyright"> 2005 - 2023 <strong>Rzeszów</strong> Profesjonalne strony www. Argonium - <strong>Agencja Interaktywna Rzeszów</strong><br/> </div> </div> </div> <style> .modal-cookies { width: 90%; max-width: 850px; position: fixed; z-index: 100; right: 0; bottom: 0; font-size: 14px; color: black; line-height: 1.4; background: white; border-top-left-radius: 5px; box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.1); visibility: hidden; opacity: 0; transition: all 0.3s; } .modal-cookies a { color: #ec690b; } .modal-cookies.open { visibility: visible; opacity: 1; } .modal-cookies-nav { display: grid; grid-template-columns: repeat(3, 1fr); } .modal-cookies-nav-item { padding: 8px 4px; color: #404040; border-bottom: 1px solid #f3f4f6; font-weight: 600; text-align: center; cursor: pointer; transition: all 0.3s; display: flex; justify-content: center; align-items: center; } .modal-cookies-nav-item.active { color: black; border-color: #ec690b; } .modal-cookies-content-container { padding: 16px; max-height: 500px; overflow-y: auto; } .modal-cookies-title { font-size: 18px; font-weight: 700; margin-bottom: 4px; } .modal-cookies-options { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid #d1d5db; border-top: 1px solid #d1d5db; } .modal-cookies-option { padding: 0 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; font-size: 16px; font-weight: 700; height: 82px; } .modal-cookies-option-empty { color: #ec690b; } .modal-cookies-option:not(:last-child) { border-right: 1px solid #d1d5db; } .modal-cookies-switch { position: relative; display: inline-block; width: 44px; height: 24px; } .modal-cookies-switch input { opacity: 0; width: 0; height: 0; } .modal-cookies-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #e0e0e0; transition: 0.4s; border-radius: 100px; } .modal-cookies-slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 2px; bottom: 2px; background-color: white; transition: 0.4s; border-radius: 50%; } input:checked + .modal-cookies-slider { background-color: #ec690b; } input:checked:disabled + .modal-cookies-slider { background-color: #e0e0e0; } input:focus + .modal-cookies-slider { box-shadow: 0 0 1px #ec690b; } input:checked + .modal-cookies-slider:before { transform: translateX(20px); } .modal-cookies-buttons { display: flex; gap: 8px; justify-content: flex-end; padding: 16px; } .modal-cookies-allow-all { padding: 10px 20px; background: #ee821e; font-weight: 700; border: none; } .modal-cookies-allow-chosen { padding: 10px 20px; color: #ee821e; font-weight: 700; border: none; background: transparent; } .cookies-widget { position: absolute; z-index: 100; right: 0; bottom: 0; font-size: 14px; color: black; line-height: 1.4; background: white; border-top-left-radius: 5px; box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.1); transition: all 0.3s; width: fit-content; } .cookies-widget-title { padding: 12px 16px; font-weight: 600; display: flex; justify-content: space-between; align-items: center; line-height: 1; cursor: pointer; } .cookies-widget-status { border-top: 1px solid #d1d5db; border-bottom: 1px solid #d1d5db; padding: 12px; } .cookies-widget-content-title { font-weight: 600; margin-bottom: 8px; } .cookies-widget-list-item { display: flex; gap: 2px; align-items: center; } .cookies-widget-details { display: flex; flex-direction: column; gap: 12px; font-size: 12px; margin-top: 12px; } .cookies-widget-details-title { font-weight: 700; } .cookies-widget-buttons { padding: 12px; display: flex; gap: 8px; justify-content: flex-end; } .cookies-widget-cancel { padding: 10px 20px; color: #ee821e; font-weight: 700; border: none; background: transparent; font-size: 16px; } .cookies-widget-change { padding: 10px 20px; background: #ee821e; font-weight: 700; border: none; font-size: 16px; } @media screen and (max-width: 600px) { .modal-cookies { width: 100%; } .modal-cookies-options { grid-template-columns: 1fr; } .modal-cookies-option { flex-direction: row; justify-content: space-between; padding: 16px; } .modal-cookies-option { height: auto; } .modal-cookies-option:not(:last-child) { border: none; } .modal-cookies-content-container { max-height: 160px; overflow-y: auto; } } </style> <div class="modal-cookies"> <div class="modal-cookies-nav"> <div class="modal-cookies-nav-item active" data-tab="agreement">Zgoda</div> <div class="modal-cookies-nav-item" data-tab="details">Szczegóły</div> <div class="modal-cookies-nav-item" data-tab="about">O plikach cookie</div> </div> <div class="modal-cookies-content-container"> <div class="modal-cookies-content" data-tab="agreement"> <div class="modal-cookies-title">Niniejsza strona korzysta z plików cookie</div> <div class="modal-cookies-description"> Stosujemy ciasteczka, by dostosować zawartość i reklamy, zapewnić opcje społecznościowe oraz badać ruch na naszej stronie. Dane dotyczące Twojego użytkowania naszej strony dzielimy się z naszymi partnerami z dziedzin społecznościowych, reklamowych i analitycznych. Nasi partnerzy mogą łączyć te informacje z innymi, które dostarczyłeś im lub które zebrali w trakcie korzystania z ich usług. </div> </div> <div class="modal-cookies-content" style="display: none" data-tab="details"> <div class="modal-cookies-title">Niezbędne</div> <div class="modal-cookies-description"> Podstawowe pliki cookie są kluczowe dla funkcjonalności witryny, ułatwiając korzystanie z niej poprzez zapewnienie dostępu do głównych funkcji, jak nawigacja po stronie czy dostęp do zabezpieczonych sekcji portalu. Bez tych ciasteczek strona nie może działać prawidłowo. <br /> cookies argonium.pl <br /> PHPSESSID <br /> Preserves user session state across page requests. <br /> Data ważności: Session <br /> Rodzaj: HTTP <br /> Cookies Google: <br /> rc::a <br /> This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website. <br /> Data ważności: Persistent <br /> Rodzaj: HTML </div> <div class="modal-cookies-title">Statystyka</div> <div class="modal-cookies-description"> Ciasteczka statystyczne umożliwiają właścicielom witryn internetowych analizę zachowań użytkowników na stronie poprzez zbieranie i raportowanie informacji w sposób anonimowy. _ga [x2] <br /> Registers a unique ID that is used to generate statistical data on how the visitor uses the website. <br /> Data ważności: 2 lat <br /> Rodzaj: HTTP <br /> _ga_# [x2] <br /> Used by Google Analytics to collect data on the number of times a user has visited the website as well as dates for the first and most recent visit. <br /> Data ważności: 2 lat <br /> Rodzaj: HTTP <br /> <a href="https://policies.google.com/privacy" target="_blank">Polityka prywatności Google</a> </div> </div> <div class="modal-cookies-content" style="display: none" data-tab="about"> <div class="modal-cookies-description"> Ciasteczka to niewielkie fragmenty danych tekstowych, używane przez witryny internetowe, by ułatwić użytkownikom poruszanie się po nich i zwiększyć ich funkcjonalność. Zgodnie z przepisami prawa, przechowywanie ciasteczek na urządzeniach użytkowników jest dozwolone, jeżeli są one kluczowe dla działania danej strony internetowej. W przypadku pozostałych typów ciasteczek konieczna jest zgoda użytkownika. Nasza strona wykorzystuje różnorodne ciasteczka, w tym te umieszczone przez zewnętrzne serwisy, które są obecne na naszym portalu. Użytkownik ma możliwość odwołania swojej zgody na korzystanie z ciasteczek w każdym momencie, korzystając z sekcji Deklaracji Cookie na naszej stronie. Zapraszamy do zapoznania się z informacjami o nas, sposobach kontaktu oraz metodach przetwarzania danych osobowych, które znajdują się w naszej Polityce prywatności. Prosimy o podanie numeru identyfikacyjnego zgody oraz daty, kiedy skontaktowano się z nami w związku ze zgoda. </div> </div> </div> <div class="modal-cookies-options"> <div class="modal-cookies-option"> <div class="modal-cookies-option-title">Niezbędne</div> <label class="modal-cookies-switch"> <input type="checkbox" checked name="cookies_necessary" value="granted" disabled /> <span class="modal-cookies-slider round"></span> </label> </div> <div class="modal-cookies-option"> <div class="modal-cookies-option-title">Preferencje</div> <div class="modal-cookies-option-empty">Brak</div> </div> <div class="modal-cookies-option"> <div class="modal-cookies-option-title">Statystyka</div> <label class="modal-cookies-switch"> <input type="checkbox" checked name="cookies_analytics" value="granted" class="gtag-input" data-gtag="analytics_storage" /> <span class="modal-cookies-slider round"></span> </label> </div> <div class="modal-cookies-option"> <div class="modal-cookies-option-title">Marketing</div> <div class="modal-cookies-option-empty">Brak</div> </div> </div> <div class="modal-cookies-buttons"> <button type="button" class="modal-cookies-allow-chosen">Zezwól na wybrane</button> <button type="button" class="modal-cookies-allow-all">Zezwól na wszystkie</button> </div> </div> <div class="cookies-widget" style="display: none"> <div class="cookies-widget-title"> <div>Ustawienia plików cookie</div> <div class="cookies-widget-close" style="display: none"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path d="M12.4793 13.4L7.5793 18.3C7.39596 18.4833 7.16263 18.575 6.8793 18.575C6.59596 18.575 6.36263 18.4833 6.1793 18.3C5.99596 18.1167 5.9043 17.8833 5.9043 17.6C5.9043 17.3167 5.99596 17.0833 6.1793 16.9L11.0793 12L6.1793 7.09999C5.99596 6.91665 5.9043 6.68332 5.9043 6.39999C5.9043 6.11665 5.99596 5.88332 6.1793 5.69999C6.36263 5.51665 6.59596 5.42499 6.8793 5.42499C7.16263 5.42499 7.39596 5.51665 7.5793 5.69999L12.4793 10.6L17.3793 5.69999C17.5626 5.51665 17.796 5.42499 18.0793 5.42499C18.3626 5.42499 18.596 5.51665 18.7793 5.69999C18.9626 5.88332 19.0543 6.11665 19.0543 6.39999C19.0543 6.68332 18.9626 6.91665 18.7793 7.09999L13.8793 12L18.7793 16.9C18.9626 17.0833 19.0543 17.3167 19.0543 17.6C19.0543 17.8833 18.9626 18.1167 18.7793 18.3C18.596 18.4833 18.3626 18.575 18.0793 18.575C17.796 18.575 17.5626 18.4833 17.3793 18.3L12.4793 13.4Z" fill="black"/> </svg></div> </div> <div class="cookies-widget-content" style="display: none"> <div class="cookies-widget-status"> <div class="cookies-widget-content-title">Twój obecny stan</div> <div class="cookies-widget-list"> <div class="cookies-widget-list-item" data-type="cookies_necessary"> <div class="cookies-widget-list-icon"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path d="M16.4266 12C16.8455 12 17.2471 12.1663 17.5433 12.4625C17.8395 12.7587 18.0059 13.1604 18.0059 13.5792V18.3169C18.0059 18.7358 17.8395 19.1375 17.5433 19.4336C17.2471 19.7298 16.8455 19.8962 16.4266 19.8962H8.53041C8.11157 19.8962 7.70989 19.7298 7.41372 19.4336C7.11756 19.1375 6.95117 18.7358 6.95117 18.3169V13.5792C6.95117 13.1604 7.11756 12.7587 7.41372 12.4625C7.70989 12.1663 8.11157 12 8.53041 12V8.05186C8.53041 7.00476 8.94637 6.00055 9.68679 5.26013C10.4272 4.51972 11.4314 4.10376 12.4785 4.10376C13.5256 4.10376 14.5298 4.51972 15.2702 5.26013C16.0107 6.00055 16.4266 7.00476 16.4266 8.05186V12ZM12.4785 17.5273C12.8974 17.5273 13.299 17.3609 13.5952 17.0648C13.8914 16.7686 14.0578 16.3669 14.0578 15.9481C14.0578 15.5292 13.8914 15.1275 13.5952 14.8314C13.299 14.5352 12.8974 14.3688 12.4785 14.3688C12.0597 14.3688 11.658 14.5352 11.3618 14.8314C11.0657 15.1275 10.8993 15.5292 10.8993 15.9481C10.8993 16.3669 11.0657 16.7686 11.3618 17.0648C11.658 17.3609 12.0597 17.5273 12.4785 17.5273ZM14.8474 12V8.05186C14.8474 7.74078 14.7861 7.43274 14.6671 7.14534C14.548 6.85793 14.3735 6.59679 14.1536 6.37682C13.9336 6.15686 13.6724 5.98237 13.385 5.86332C13.0976 5.74427 12.7896 5.683 12.4785 5.683C12.1674 5.683 11.8594 5.74427 11.572 5.86332C11.2846 5.98237 11.0234 6.15686 10.8035 6.37682C10.5835 6.59679 10.409 6.85793 10.29 7.14534C10.1709 7.43274 10.1097 7.74078 10.1097 8.05186V12H14.8474Z" fill="#EC690B"/> </svg></div> <div class="cookies-widget-list-name">Niezbędne</div> </div> <div class="cookies-widget-list-item" data-type="cookies_analytics"> <div class="cookies-widget-list-icon"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path d="M10.4793 13.6L16.3793 7.69999C16.5626 7.51665 16.796 7.42499 17.0793 7.42499C17.3626 7.42499 17.596 7.51665 17.7793 7.69999C17.9626 7.88332 18.0543 8.11665 18.0543 8.39999C18.0543 8.68332 17.9626 8.91665 17.7793 9.09999L11.1793 15.7C10.9793 15.9 10.746 16 10.4793 16C10.2126 16 9.9793 15.9 9.7793 15.7L7.1793 13.1C6.99596 12.9167 6.9043 12.6833 6.9043 12.4C6.9043 12.1167 6.99596 11.8833 7.1793 11.7C7.36263 11.5167 7.59596 11.425 7.8793 11.425C8.16263 11.425 8.39596 11.5167 8.5793 11.7L10.4793 13.6Z" fill="#EC690B"/> </svg></div> <div class="cookies-widget-list-name">Statystyka</div> </div> </div> <div class="cookies-widget-details"> <div class="cookies-widget-details-item"> <div class="cookies-widget-details-title">Data zgody:</div> <div class="cookies-widget-details-content cookies-widget-date">12 mar 2024 - 10:26:21 CET</div> </div> <div class="cookies-widget-details-item"> <div class="cookies-widget-details-title">Identyfikator Pana(Pani) zgody:</div> <div class="cookies-widget-details-content">o3xS0bwCr9ZSEA7C5yghyKRlTUwbb6UEDw66m8GdSXR5</div> </div> </div> </div> <div class="cookies-widget-buttons"> <button type="button" class="cookies-widget-cancel">Anulowanie zgody</button> <button type="button" class="cookies-widget-change">Zmień swoją zgodę</button> </div> </div> </div> <script> if (!localStorage.getItem("policyChosen")) $(".modal-cookies").addClass("open"); else $(".cookies-widget").show(); function closeCookiesModal() { localStorage.setItem("policyChosen", new Date()); $(".modal-cookies").removeClass("open"); $(".cookies-widget").show(); } $(".modal-cookies-nav-item").on("click", function () { $(".modal-cookies-nav-item").removeClass("active"); $(this).addClass("active"); const tab = $(this).data("tab"); $(".modal-cookies-content").hide(); $(`.modal-cookies-content[data-tab="${tab}"]`).show(); }); $(".modal-cookies-allow-chosen").on("click", function () { $(".gtag-input").each(function () { if ($(this).is(":checked")) { localStorage.setItem($(this).prop("name"), $(this).val()); gtag("consent", "update", { [$(this).data("gtag")]: "granted", }); } else localStorage.setItem($(this).prop("name"), "denied"); }); closeCookiesModal(); }); $(".modal-cookies-allow-all").on("click", function () { $(".gtag-input").each(function () { localStorage.setItem($(this).prop("name"), $(this).val()); gtag("consent", "update", { [$(this).data("gtag")]: "granted", }); }); closeCookiesModal(); }); $(".cookies-widget-cancel").on("click", function () { localStorage.removeItem("policyChosen"); location.reload(); }); $(".cookies-widget-change").on("click", function () { $(".cookies-widget").hide(); $(".cookies-widget-content").hide(); $(".cookies-widget-close").hide(); $(".modal-cookies").addClass("open"); }); $(".cookies-widget-close").on("click", function () { $(".cookies-widget-content").hide(); $(this).hide(); }); $(".cookies-widget-title").on("click", function (e) { if ($(e.target).parents(".cookies-widget-close").length) return; $(".cookies-widget-content").show(); $(".cookies-widget-close").show(); $(".cookies-widget-list-item").each(function () { const type = $(this).data("type"); const storageValue = localStorage.getItem(type); console.log(storageValue, type); if ((!storageValue || storageValue == "denied") && type != "cookies_necessary") $(this).hide(); else $(this).show(); }); $(".cookies-widget-date").text(new Date(localStorage.getItem("policyChosen")).toLocaleString()); }); </script> <div class="widget-contact" style="display: none"> <div class="widget-contact-close"> <img src="/templates/default/img/icons/icon-close-black.svg" alt=""> </div> <a href="/kontakt" class="widget-contact-top"> <span class="title">Zainteresowany współpracą?</span> <span class="text">Zadzwoń do nas lub napisz</span> </a> <div class="widget-contact-bottom"> <a href="tel:+48660722441" class="item"> <img src="/templates/default/img/icons/icon-widget-phone.svg" alt=""> 660 722 441 </a> <a href="mailto:biuro@argonium.pl" class="item"> <img src="/templates/default/img/icons/icon-widget-mail.svg" alt=""> biuro@argonium.pl </a> </div> </div> <script src="/js/vendor/swiper-bundle.min.js?202404161721"></script> <script src="/js/index.js?202404161721"></script> <script src="/js/search.js?202404161721"></script> <script src="/js/parallax.min.js"></script> <script src="/js/swiper.init.js?202404161721"></script> <link rel="stylesheet" href="/templates/default/css/vendor/aos.css"/> <script src="/js/vendor/aos.js"></script> <script> $( document ).ready(function() { AOS.init({ duration: 600, delay: 100, offset: 100 }); }); </script> </body> </html>