Konfigurowanie trybu uzyskiwania zgody w witrynach

Ta strona jest przeznaczona dla deweloperów, którzy mają w swojej witrynie własne rozwiązanie do uzyskiwania zgody użytkowników i chcą zintegrować z nimi tryb uzyskiwania zgody. Wprowadzenie do trybu uzyskiwania zgody znajdziesz w artykule Omówienie trybu uzyskiwania zgody. Jeśli do uzyskiwania zgody użytkowników używasz platformy do zarządzania zgodą użytkowników (CMP), dowiedz się więcej o tym, jak skonfigurować na niej tryb uzyskiwania zgody.

Tryb uzyskiwania zgody możesz wdrożyć w sposób podstawowy lub zaawansowany. Zapoznaj się ze wskazówkami swojej firmy, aby wybrać metodę implementacji i ustawić domyślną metodę. Dowiedz się więcej o podstawowym i zaawansowanym trybie uzyskiwania zgody.

Zanim zaczniesz

Przed wdrożeniem trybu uzyskiwania zgody weź pod uwagę te kwestie:

  • Jeśli używasz Menedżera tagów i chcesz utrzymać własny baner, zalecamy wczytanie go przez kontener Menedżera tagów. W tym celu musisz utworzyć szablon trybu uzyskiwania zgody. Możesz też użyć szablonu trybu uzyskiwania zgody z Galerii szablonów.

  • Jeśli używasz tagu gtag.js, sprawdź, czy masz zainstalowany tag Google na każdej stronie swojej witryny. Kod trybu uzyskiwania zgody jest dodawany do każdej strony witryny.

W ramach podstawowej implementacji trybu uzyskiwania zgody blokujesz wczytywanie tagu Google do czasu udzielenia zgody przez użytkownika. Aby wdrożyć podstawowy tryb uzyskiwania zgody:
  1. Zanim użytkownik udzieli zgody, zablokuj gromadzenie danych przez Analytics i ustaw domyślny stan zgody użytkownika.
  2. Gdy użytkownik udzieli zgody, włącz zbieranie danych przez Analytics.

gtag.js

  1. W tagu <head> na stronie internetowej skonfiguruj obiekt dataLayer przed kodem banera z prośbą o zgodę na przetwarzanie danych. Określ w warstwie danych domyślne ustawienia uzyskiwania zgody.

    Nie spowoduje to uruchomienia tagu Google, ponieważ nie masz jeszcze wczytanej biblioteki tagów Google.

    Na przykład:

      <script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('consent', 'default', {
    'ad_user_data': 'denied',
    'ad_personalization': 'denied',
    'ad_storage': 'denied',
    'analytics_storage': 'denied',
    'wait_for_update': 500,
  });
  gtag('js', new Date());
  gtag('config', 'Google tag ID');
  </script>

  2. Dodaj funkcję, która monitoruje interakcje z przyciskami zgody i zapisuje tę interakcję za pomocą pliku localStorage lub plików cookie. Wskazówka: upewnij się, że na banerze z prośbą o zgodę na przetwarzanie danych znajdują się identyfikatory wszystkich przycisków.

  3. Wczytaj baner z prośbą o zgodę na przetwarzanie danych.

  4. Przekaż interakcję z banerem z prośbą o zgodę na przetwarzanie danych do warstwy danych.

  5. Wczytaj tag Google, gdy użytkownik udzieli zgody.

  grantButton.addEventListener("click", function() {
    localStorage.setItem("consentGranted", "true");
    function gtag() { dataLayer.push(arguments); }

    gtag('consent', 'update', {
      ad_user_data: 'granted',
      ad_personalization: 'granted',
      ad_storage: 'granted',
      analytics_storage: 'granted'
    });
  });

  // Load gtag.js script.
  var gtagScript = document.createElement('script');
  gtagScript.async = true;
  gtagScript.src = 'https://www.googletagmanager.com/gtag/js?id=Google tag ID';

  var firstScript = document.getElementsByTagName('script')[0];
  firstScript.parentNode.insertBefore(gtagScript,firstScript);

Menedżer tagów

  1. Przed wczytaniem kodu banera z prośbą o zgodę na przetwarzanie danych skonfiguruj w tagu <head> na stronie internetowej obiekt dataLayer. Określ domyślne ustawienia zgody w warstwie danych.

    Nie uruchomi to kontenera Menedżera tagów, ponieważ nie masz jeszcze wczytanej biblioteki Google Manager.

    Na przykład:

      <script>
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('consent', 'default', {
    'ad_user_data': 'denied',
    'ad_personalization': 'denied',
    'ad_storage': 'denied',
    'analytics_storage': 'denied',
    'wait_for_update': 500,
  });
  dataLayer.push({'gtm.start': new Date().getTime(), 'event': 'gtm.js'});
  </script>
  ```

  2. Dodaj funkcję, która monitoruje interakcje z przyciskami zgody i zapisuje tę interakcję za pomocą pliku localStorage lub plików cookie. Wskazówka: upewnij się, że na banerze z prośbą o zgodę na przetwarzanie danych znajdują się identyfikatory wszystkich przycisków.

  3. Wczytaj baner z prośbą o zgodę na przetwarzanie danych. Nie wczytuj banera z prośbą o zgodę na przetwarzanie danych przy użyciu kontenera Menedżera tagów, bo blokujesz go, dopóki użytkownik nie wyrazi zgody.

  4. Przekaż interakcję z banerem z prośbą o zgodę na przetwarzanie danych do warstwy danych.

  5. Wczytaj kontener Menedżera tagów, gdy użytkownik udzieli zgody.

  grantButton.addEventListener("click", function() {
    localStorage.setItem("consentGranted", "true");
    function gtag() { dataLayer.push(arguments); }

    gtag('consent', 'update', {
      ad_user_data: 'granted',
      ad_personalization: 'granted',
      ad_storage: 'granted',
      analytics_storage: 'granted'
    });
  });

  // Load Tag Manager script.
  var gtmScript = document.createElement('script');
  gtmScript.async = true;
  gtmScript.src = 'https://www.googletagmanager.com/gtm.js?id=Container ID';

  var firstScript = document.getElementsByTagName('script')[0];
  firstScript.parentNode.insertBefore(gtmScript,firstScript);

W ramach stałego budowania ekosystemu reklamy cyfrowej zapewniającego ochronę prywatności zaostrzamy egzekwowanie polityki w zakresie zgody użytkownika z UE.

Dowiedz się więcej o aktualizacjach trybu uzyskiwania zgody w przypadku ruchu w Europejskim Obszarze Gospodarczym (EOG).

Oprócz parametrów ad_storage i analytics_storage użytkownicy korzystający z trybu uzyskiwania zgody muszą wysłać 2 nowe parametry:

Nazwa pola Dozwolone wartości Opis
ad_user_data 'granted' | 'denied' Określa stan zgody na wysyłanie do Google danych użytkownika związanych z reklamami.
ad_personalization 'granted' | 'denied' Określa stan zgody na reklamy spersonalizowane.

Dalsze kroki

Starsze ustawienia tagów

Jeśli korzystasz ze starszych tagów, np. ga.js, analytics.js lub conversion.js, zaktualizuj tag do tagu gtag.js lub Menedżera tagów Google.

Więcej informacji o ustawieniach prywatności w innych starszych tagach znajdziesz w tej dokumentacji: