Jak wypuścić Consent Mode v2 w pięć minut
Minimalna, gotowa na produkcję konfiguracja GA4 + Google Ads z Consent Mode v2, którą możesz wpiąć w dowolny projekt Next.js już dziś.
Od marca 2024 Google wymaga Consent Mode v2 dla wszystkich uruchamiających Ads w EOG. Oficjalna dokumentacja jest długa i myląca. Oto kształt, który naprawdę działa.
Defaulty
Załaduj gtag. Zanim cokolwiek wyślesz, wywołaj gtag('consent', 'default', ...) z ad_storage, ad_user_data, ad_personalization i analytics_storage ustawionymi na denied. Ustaw functionality_storage i security_storage na granted. Dodaj wait_for_update: 500, by zdarzenia pageview były w kolejce, gdy użytkownik decyduje.
gtag('consent', 'default', {
ad_storage: 'denied',
ad_user_data: 'denied',
ad_personalization: 'denied',
analytics_storage: 'denied',
functionality_storage: 'granted',
security_storage: 'granted',
wait_for_update: 500,
});
Opt-in
Gdy użytkownik akceptuje cookies, wywołaj gtag('consent', 'update', {...granted}). Zapisz wybór w localStorage, by powracający goście nie widzieli banera ponownie.
gtag('consent', 'update', {
ad_storage: 'granted',
ad_user_data: 'granted',
ad_personalization: 'granted',
analytics_storage: 'granted',
});
localStorage.setItem('cookie_consent', 'granted');
Conversion tracking
Na akcję, która liczy się jako konwersja (submit formularza, rejestracja, zakup), wyślij:
gtag('event', 'conversion', {
send_to: 'AW-XXXXXXX/abcDEF123',
});
W Consent Mode Google i tak zaloguje — tylko wymodelowaną zamiast obserwowanej — jeśli zgody nie było. Dane się nie tracą.
Pełny snippet
Otworzyliśmy źródła tego samego komponentu Analytics, którego używamy w każdym kliencie. To 90 linii, szanuje reduced motion i SSR i jest sprawdzony w produkcji. Chcesz kopię — odpowiedz na nasz welcome-email z newslettera, wyślemy.