PL
Zacznij za darmo

Dokumentacja

Wszystko, co musisz wiedzieć, aby szybko wdrożyć Consentio

Google Analytics 4

Integracja Google Analytics 4 z Consentio

Czym jest Google Analytics 4

GA4 to narzędzie analityczne od Google służące do śledzenia ruchu na stronie i zachowań użytkowników. Dzięki Consentio działa automatycznie za sprawą Google Consent Mode v2.

Kategoria cookie

Google Analytics 4 należy do kategorii analytics.

Kategoria Consentio Sygnał GCM
analytics analytics_storage

Zalecane podejście (Consent Mode)

Dzięki Consentio wystarczy standardowa instalacja GA4. Widget automatycznie konfiguruje Google Consent Mode.

HTML 
<!-- 1. Najpierw Consentio -->
<script src="https://consentio.cz/widget/YOUR_KEY/consentio.min.js"></script>

<!-- 2. Następnie Google Analytics 4 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXX');
</script>
Wskazówka: GA4 z Consent Mode może zbierać zanonimizowane dane nawet bez zgody (modelowanie konwersji). Po udzieleniu zgody przechodzi w tryb pełny.

Alternatywa: ręczne blokowanie

Jeśli wolisz całkowicie zablokować GA4 przed udzieleniem zgody:

HTML 
<script type="text/plain" data-category="analytics"
  async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX">
</script>

<script type="text/plain" data-category="analytics">
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXX');
</script>

Alternatywa z API JavaScript

Dynamiczne ładowanie GA4 po udzieleniu zgody:

JavaScript 
Consentio.onConsentChange((consent) => {
  if (consent.analytics) {
    // Załaduj GA4
    const script = document.createElement('script')
    script.src = 'https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX'
    script.async = true
    document.head.appendChild(script)

    script.onload = () => {
      window.dataLayer = window.dataLayer || []
      function gtag(){dataLayer.push(arguments)}
      gtag('js', new Date())
      gtag('config', 'G-XXXXXXX')
    }
  }
})

Google Consent Mode v2

Kategoria Consentio Sygnał GCM Opis
necessary functionality_storage Przechowywanie funkcjonalne
analytics analytics_storage Przechowywanie danych analitycznych
marketing ad_storage + ad_user_data + ad_personalization Sygnały reklamowe

Weryfikacja

  1. Otwórz narzędzia deweloperskie (F12)
  2. Sprawdź zakładkę Sieć — gtag.js nie powinien wysyłać pełnych danych bez zgody
  3. W konsoli uruchom: dataLayer.push({event: 'consent_test'})
  4. Udziel zgody i sprawdź, czy GA4 zaczyna zbierać pełne dane
Google Tag ManagerFacebook Pixel