Studio Kalmus/Narzędzia/Generator Cookie Banner
[ Darmowe narzędzie ]

Generator Cookie Banner RODO

Stwórz profesjonalny baner zgody na cookies zgodny z RODO dla swojej strony internetowej. Konfiguruj wygląd, animacje, kategorie i eksportuj gotowy kod HTML, CSS i JavaScript — za darmo.

✓ RODO / GDPR zgodny✓ Google Consent Mode v2✓ Kod HTML + CSS + JS✓ Bez rejestracji

Gotowe presety — szybki start

Treść banera

Podgląd na żywo

Kliknij "Akceptuj" by odrzucić, "Resetuj" by pokazać ponownie
https://twoja-strona.pl

Ta strona używa plików cookies, aby zapewnić najlepsze doświadczenia. Możesz zaakceptować wszystkie ... Polityka Prywatności

Wygenerowany kod
<!-- Cookie Consent Banner — wygenerowano przez Studio Kalmus (studiokalmus.com) -->
<!-- Generator Cookie Banner: https://studiokalmus.com/narzedzia/generator-cookie-banner -->



<div id="cookie-banner" class="cookie-banner cb-pos-bottom-bar" role="dialog" aria-live="polite" aria-label="Zgoda na pliki cookies">
  
  <div class="cb-inner">
    <div class="cb-content">
      <p class="cb-text">
        Ta strona używa plików cookies, aby zapewnić najlepsze doświadczenia. Możesz zaakceptować wszystkie lub wybrać swoje preferencje.
        <a href="/polityka-prywatnosci" class="cb-link" target="_blank" rel="noopener noreferrer">Polityka Prywatności</a>.
      </p>
    </div>
    <div class="cb-actions">
  <button class="cb-btn cb-btn--settings" id="cb-settings-toggle">Ustawienia</button>
  <button class="cb-btn cb-btn--reject" id="cb-reject">Odrzuć</button>
  <button class="cb-btn cb-btn--accept" id="cb-accept">Akceptuj wszystkie</button>
    </div>
  </div>
</div>

<!-- Cookie Settings Panel -->
<div id="cb-settings-panel" style="display:none;" role="dialog" aria-modal="true" aria-label="Ustawienia cookies">
  <div class="cb-settings-inner">
    <div class="cb-settings-header">
      <h3 class="cb-settings-title">Ustawienia cookies</h3>
      <button class="cb-settings-close" id="cb-settings-close" aria-label="Zamknij">&#x2715;</button>
    </div>
    <div class="cb-settings-categories">
      <div class="cb-category">
        <div class="cb-category-header">
          <div class="cb-category-info">
            <span class="cb-category-name">Niezbędne</span>
            <span class="cb-category-desc">Wymagane do prawidłowego działania strony. Nie można ich wyłączyć.</span>
          </div>
          <label class="cb-toggle cb-toggle--required">
            <input type="checkbox" name="necessary" checked disabled>
            <span class="cb-toggle-slider"></span>
            <span class="cb-required-label">Zawsze aktywne</span>
          </label>
        </div>
      </div>
      <div class="cb-category">
        <div class="cb-category-header">
          <div class="cb-category-info">
            <span class="cb-category-name">Analityczne</span>
            <span class="cb-category-desc">Pomagają nam zrozumieć, jak odwiedzający korzystają ze strony (Google Analytics).</span>
          </div>
          <label class="cb-toggle ">
            <input type="checkbox" name="analytics"  >
            <span class="cb-toggle-slider"></span>
            
          </label>
        </div>
      </div>
      <div class="cb-category">
        <div class="cb-category-header">
          <div class="cb-category-info">
            <span class="cb-category-name">Marketingowe</span>
            <span class="cb-category-desc">Używane do wyświetlania spersonalizowanych reklam i remarketingu.</span>
          </div>
          <label class="cb-toggle ">
            <input type="checkbox" name="marketing"  >
            <span class="cb-toggle-slider"></span>
            
          </label>
        </div>
      </div>
      <div class="cb-category">
        <div class="cb-category-header">
          <div class="cb-category-info">
            <span class="cb-category-name">Preferencje</span>
            <span class="cb-category-desc">Zapamiętują Twoje ustawienia i preferencje (język, motyw).</span>
          </div>
          <label class="cb-toggle ">
            <input type="checkbox" name="preferences"  >
            <span class="cb-toggle-slider"></span>
            
          </label>
        </div>
      </div>
    </div>
    <div class="cb-settings-footer">
      <button class="cb-btn cb-btn--save" id="cb-save-preferences">Zapisz preferencje</button>
      <button class="cb-btn cb-btn--accept" id="cb-accept-all-settings">Akceptuj wszystkie</button>
    </div>
  </div>
</div>

Jak wdrożyć: Dodaj CSS w <head>, HTML przed </body>, JS po HTML banera. Dla WordPress użyj wtyczki "Insert Headers and Footers".

[ Wiedza o cookies ]

PrzewodnikRODO
dlastronwww

Wszystko, co musisz wiedzieć o zgodzie na cookies przy tworzeniu i projektowaniu stron internetowych zgodnych z RODO.

Wymagania RODO

RODO (GDPR) wymaga, aby zgoda na cookies była dobrowolna, świadoma, jednoznaczna i możliwa do wycofania w dowolnym momencie. Baner musi jasno opisywać cel każdej kategorii cookies. Strony internetowe naruszające te zasady mogą otrzymać kary do 4% rocznych obrotów globalnych.

Rodzaje zgody

Wyróżniamy zgodę opt-in (użytkownik aktywnie zaznacza zgodę) i opt-out (domyślnie zaznaczone, można odrejestrować). RODO wymaga opt-in dla cookies analitycznych i marketingowych przy tworzeniu stron internetowych obsługujących użytkowników UE.

Jakie cookies deklarować

Audyt cookies strony to podstawa. Należy zdeklarować: sesyjne, analityczne (GA4, Hotjar), marketingowe (Meta Pixel, Google Ads), funkcjonalne (preferencje). Każdy cookie powinien mieć nazwę, cel, dostawcę i czas wygaśnięcia. Aktualizuj listę przy każdej zmianie w projektowaniu stron.

Jak auditować cookies

Użyj DevTools przeglądarki (Application → Cookies) lub narzędzi jak cookiebot.com, aby wykryć wszystkie cookies ustawiane przez Twoją stronę. Sprawdź też skrypty firm trzecich (chat, mapy, wtyczki social media), które mogą ustawiać własne cookies bez Twojej wiedzy.

Google Consent Mode v2

Od marca 2024 Google wymaga wdrożenia Consent Mode v2 dla stron z Google Ads/Analytics w UE. Tryb ten pozwala na modelowanie danych konwersji gdy użytkownik odrzuca cookies. Wdrożenie przez GTM jest zalecane przy tworzeniu stron internetowych z kampaniami płatnymi.

ePrivacy i przyszłość

Rozporządzenie ePrivacy (następca dyrektywy cookies) zaostrzenie zasad zgody na śledzenie online w UE. Strony internetowe powinny już teraz przygotować granularny system zgód. Trendem jest "consent by design" — prywatność wbudowana w architekturę strony od etapu projektowania stron.

Baner Cookie a Projektowanie Stron Internetowych

Każda nowoczesna strona internetowa wymaga poprawnie wdrożonego banera zgody na cookies. W Studio Kalmus — projektowaniu stron internetowych traktujemy RODO jako element architektury strony, nie afterthought.

Nasz generator pozwala każdemu webmasterowi szybko wdrożyć profesjonalny cookie consent bez płatnych platform jak Cookiebot czy CookieYes (koszt od €10/mies). Wygenerowany kod to czysty, lekki HTML/CSS/JS — żadnych zależności zewnętrznych.

Podczas tworzenia stron internetowych dla naszych klientów zawsze implementujemy baner zgodny z RODO, Consent Mode v2 oraz polityką cookies zgodną z wymogami UODO.

Zapoznaj się z naszą polityką prywatności i skorzystaj z generatora polityki prywatności — idealne uzupełnienie banera cookies.

Dlaczego warto wdrożyć zgodny banner?

  • Uniknięcie kar UODO — naruszenia RODO w Polsce mogą sięgać milionów złotych
  • Zgodność z Google Consent Mode v2 — niezbędne dla kampanii Google Ads
  • Lepsze UX — użytkownicy ufają stronom, które szanują ich prywatność
  • SEO benefit — transparentność cookie może poprawić ocenę jakości strony
  • Ochrona przed roszczeniami — dokumentowanie zgód użytkowników
  • Łatwość zarządzania — granularne kategorie zgód są wymogiem RODO

[ FAQ ]

Częstozadawane
pytania

Odpowiedzi na najważniejsze pytania o cookie consent i RODO przy tworzeniu stron internetowych.

[ Studio Kalmus ]

Potrzebujesz Strony
Internetowej?

Tworzymy nowoczesne strony internetowe i sklepy online dla firm z całej Polski. Każdy projekt zawiera poprawne wdrożenie RODO, cookies i polityki prywatności.