·1 min read·autor: Sergey Z.

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ś.

Google Ads
analityka
consent
Next.js

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.

Podobało się? Piszemy co kilka tygodni.

Dołącz do newslettera po playbooki studia, narzędzia AI i świeże case studies.

    Jak wypuścić Consent Mode v2 w pięć minut · Wedece