Konfigurowanie trybu uzyskiwania zgody w witrynach

Ta strona jest przeznaczona dla programistów, którzy mają w swojej witrynie własne rozwiązanie do uzyskiwania zgody użytkowników i chcą zintegrować je z trybem uzyskiwania zgody. Wprowadzenie do trybu uzyskiwania zgody znajdziesz w Przegląd trybu uzyskiwania zgody. Jeśli do uzyskiwania zgody użytkowników korzystasz z platformy do zarządzania zgodą użytkowników (CMP), dowiedz się więcej o konfigurowaniu trybu uzyskiwania zgody za pomocą platformy CMP.

Tryb uzyskiwania zgody możesz wdrożyć w sposób podstawowy lub zaawansowany. Zapoznaj się z wytycznymi firmy, aby wybrać metodę implementacji i ustawić wartości domyślne. 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 zachować własny baner, zalecamy wczytywanie go za pomocą kontenera Menedżera tagów. Aby to zrobić, musisz utworzyć szablon trybu uzyskiwania zgody. Możesz też użyć szablonu trybu uzyskiwania zgody z Galerii szablonów społeczności.

  • Jeśli używasz gtag.js, upewnij się, że tag Google jest zainstalowany na każdej stronie Twojej witryny. Kod trybu uzyskiwania zgody jest dodawany do każdej strony witryny.

W przypadku podstawowej implementacji trybu uzyskiwania zgody blokujesz wczytywanie tagu Google do czasu, aż użytkownik wyrazi zgodę. Aby wdrożyć podstawowy tryb uzyskiwania zgody:
  1. Zanim użytkownik wyrazi zgodę, zablokuj zbieranie danych w 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 domyślne ustawienia zgody w warstwie danych.

    Nie spowoduje to uruchomienia tagu Google, ponieważ biblioteka tagu Google nie została jeszcze wczytana.

    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 je za pomocą localStorage lub plików cookie. Wskazówka: upewnij się, że baner z prośbą o zgodę zawiera identyfikatory wszystkich przycisków.

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

  4. Przekazywanie interakcji z banerem z prośbą o zgodę na przetwarzanie danych do warstwy danych.

  5. Wczytuj tag Google, gdy użytkownik wyrazi zgodę.

  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. W tagu <head> na stronie internetowej skonfiguruj obiekt dataLayer, zanim załadujesz kod banera z prośbą o zgodę na przetwarzanie danych. Ustal domyślne ustawienia zgody w warstwie danych.

    Nie spowoduje to aktywowania kontenera Menedżera tagów, ponieważ nie masz jeszcze wczytanej biblioteki Menedżera 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,
  });
  dataLayer.push({'gtm.start': new Date().getTime(), 'event': 'gtm.js'});
  </script>
  ```

  2. Dodaj funkcję, która monitoruje interakcje z przyciskami zgody i zapisuje je za pomocą localStorage lub plików cookie. Wskazówka: upewnij się, że baner z prośbą o zgodę zawiera 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 za pomocą kontenera Menedżera tagów, ponieważ blokujesz go do czasu, gdy użytkownik wyrazi zgodę.

  4. Przekazywanie interakcji z banerem z prośbą o zgodę na przetwarzanie danych do warstwy danych.

  5. Wczytuj kontener Menedżera tagów, gdy użytkownik wyrazi zgodę.

  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.

Użytkownicy trybu uzyskiwania zgody muszą wysyłać 2 nowe parametry oprócz parametrów ad_storage i analytics_storage:

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

Ustawienia starszej wersji tagów

Jeśli używasz starszych tagów, takich jak ga.js, analytics.js lub conversion.js, zaktualizuj je do tagu gtag.js lub zacznij korzystać z Menedżera tagów Google.

Więcej informacji o innych ustawieniach prywatności starszych tagów znajdziesz w tych dokumentach: