Web sitelerinde izin modunu ayarlama

Bu sayfa, web sitelerinde kendi izin çözümlerini kullanan ve izin modunu entegre etmek isteyen geliştiriciler içindir. İzin moduyla ilgili giriş bilgileri için İzin moduna genel bakış başlıklı makaleyi inceleyin. Kullanıcı izni almak için Kullanıcı Rızası Yönetim Platformu (CMP) kullanıyorsanız CMP ile izin modunu ayarlama hakkında daha fazla bilgi edinin.

İzin modunu temel veya gelişmiş şekilde uygulayabilirsiniz. Bir uygulama yöntemi seçmek ve hangi varsayılanları ayarlayacağınızı belirlemek için şirketinizin yönergelerini inceleyin. Temel ve gelişmiş izin modu hakkında daha fazla bilgi edinin.

Başlamadan önce

İzin modunu uygulamadan önce aşağıdakileri göz önünde bulundurun:

  • Etiket Yöneticisi'ni kullanıyorsanız ve kendi banner'ınızı korumak istiyorsanız banner'ınızı Etiket Yöneticisi kapsayıcısı üzerinden yüklemeniz önerilir. Bunu yapmak için izin modu şablonu oluşturmanız gerekir. Alternatif olarak, Topluluk Şablon Galerisi'ndeki bir izin modu şablonunu kullanabilirsiniz.

  • gtag.js kullanıyorsanız Google etiketini web sitenizin her sayfasına yüklediğinizden emin olun. İzin modu kodu, web sitenizin her sayfasına eklenir.

Temel izin modu uygulamasıyla, kullanıcı izin verene kadar Google etiketinin yüklenmesini engellersiniz. Temel izin modunu uygulamak için:
  1. Kullanıcı izin vermeden önce Analytics toplama özelliğini engelleyin ve varsayılan izin durumunu ayarlayın.
  2. Kullanıcı izin verdikten sonra Analytics toplama özelliğini etkinleştirin.

gtag.js

  1. Bir web sayfasının <head> etiketinde, izin banner'ı kodunuzdan önce dataLayer nesnesini ayarlayın. Veri katmanında izinle ilgili varsayılan ayarlarınızı belirleyin.

    Google etiketi kitaplığını henüz yüklemediğiniz için bu işlem Google etiketinizi tetiklemez.

    Örneğin:

      <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. İzin düğmelerinizle etkileşimleri izleyen bir işlev ekleyin ve etkileşimi localStorage veya çerezleri kullanarak kaydedin. İpucu: İzin banner'ınızdaki tüm düğmeler için tanımlayıcılar bulunduğundan emin olun.

  3. İzin banner'ını yükleyin.

  4. İzin banner'ı etkileşimini veri katmanına aktarın.

  5. Kullanıcı izin verdiğinde Google etiketini yükleyin.

  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);

Etiket Yöneticisi

  1. Bir web sayfasının <head> etiketinde, izin banner'ı kodunuzu yüklemeden önce dataLayer nesnesini ayarlayın. Veri katmanında varsayılan izin ayarlarınızı belirleyin.

    Google Etiket Yöneticisi kitaplığını henüz yüklemediğiniz için bu işlem Etiket Yöneticisi kapsayıcınızı tetiklemez.

    Örneğin:

      <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. İzin düğmelerinizle etkileşimleri izleyen bir işlev ekleyin ve etkileşimi localStorage veya çerezleri kullanarak kaydedin. İpucu: İzin banner'ınızdaki tüm düğmeler için tanımlayıcılar bulunduğundan emin olun.

  3. İzin banner'ını yükleyin. Kullanıcı izin verene kadar engellediğiniz için izin banner'ını Tag Manager kapsayıcınız üzerinden yüklemeyin.

  4. İzin banner'ı etkileşimini veri katmanına aktarın.

  5. Kullanıcı izin verdiğinde Etiket Yöneticisi kapsayıcısını yükleyin.

  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);

Google'ın gizlilik odaklı dijital reklamcılık ekosistemine yönelik devam eden taahhüdü kapsamında, AB kullanıcı rızası politikamızın yaptırımını daha sıkı hale getiriyoruz.

Google'ın Avrupa Ekonomik Alanı'ndaki (AEA) trafik için izin modu güncellemeleri hakkında daha fazla bilgi edinin.

İzin modu kullanıcılarının ad_storage ve analytics_storage parametrelerine ek olarak iki yeni parametre göndermesi gerekir:

Alan adı İzin Verilen Değerler Açıklama
ad_user_data 'granted' | 'denied' Reklamcılıkla ilgili kullanıcı verilerinin Google'a gönderilmesi için izni belirler.
ad_personalization 'granted' | 'denied' Kişiselleştirilmiş reklamcılığa yönelik izni belirler.

Sonraki adımlar

Eski etiket kontrolleri

ga.js, analytics.js veya conversion.js gibi eski etiketleri kullanıyorsanız bunları gtag.js veya Google Etiket Yöneticisi'ne güncelleyin.

Diğer eski etiketlerin gizlilik denetimleri hakkında daha fazla bilgi edinmek için aşağıdaki belgelere bakın: