Mevcut etiket yapılandırmalarını analiz etme

Yeni etiketler yüklemeden önce, web sitenizde veya mobil uygulamanızda mevcut olan etiketleri değerlendirerek gereksiz etiketler eklemediğinizden emin olun. Bu dokümanda, mevcut etiketlerinizi değerlendirme yöntemleri açıklanmaktadır.

Ön değerlendirmenizi yaptıktan sonra bile standart etiket yönetimi sürecinizin bir parçası olarak düzenli kontroller yapmanız gerekir. Web sitenizde veya uygulamanızda çalışan etiketleri düzenli olarak değerlendirmek, veri koruma ve güvenlik açısından önemlidir.

Mevcut etiketlerinizi değerlendirmek için aşağıdaki kaynakları kullanın:

Tag Assistant

Google Tag Assistant, Google etiketi yüklemeleri için bir etiket analizi aracıdır. Tag Assistant etkinleştirildiğinde tarayıcıda bir hata ayıklama bölmesi gösterir. Böylece hangi gtag.js komutlarının hangi sırayla tetiklendiğini inceleyebilirsiniz. Tag Assistant, veri katmanına hangi verilerin aktarıldığını ve bu veri alışverişlerini hangi etkinliklerin tetiklediğini gösterir. Ayrıca isabetleri (HTTP istekleri) ve ilişkili parametreleri de gösterir. Tag Assistant hakkında daha fazla bilgi edinin.

Etiket Yöneticisi

Mevcut etiket yapılandırmalarını analiz etmek için Etiket Yöneticisi hesaplarını ve kapsayıcılarını inceleyebilirsiniz. Etiket Yöneticisi'nde, Tag Assistant'a benzer işlevlere sahip bir önizleme modu da bulunur.

Etiketleriniz, tetikleyicileriniz ve değişkenlerinizdeki etiketleri, ayarları veya kod satırlarını bulmak için Etiket Yöneticisi kapsayıcısındaki arama çubuğunu kullanın. Arama çubuğu, yeniden değerlendirmeniz gereken ayarları veya kodu içerebilecek etiketleri tam olarak belirlemenin harika bir yoludur.

Sürümler

Etiket Yöneticisi'ndeki Sürümler özelliği, mevcut bir kapsayıcı yapılandırmasının özetini gösterir.

  1. Etiket Yöneticisi'nde Sürümler'i tıklayın.
  2. Kapsayıcının mevcut durumunu görmek için listedeki en son sürümü tıklayın.

Etiket Yöneticisi bu görünümde etiketleri, tetikleyicileri, değişkenleri ve özel şablonları listeler.

Önizleme modu

Etiket Yöneticisi'ndeki önizleme modu, bir sayfada hangi etiketlerin etkinleştiğini, bu etiketleri hangi etkinliklerin tetiklediğini ve veri katmanına hangi verilerin aktarıldığını gösterir. Önizleme modu, Tag Assistant ile hemen hemen aynı şekilde çalışır. Önizleme modu hakkında daha fazla bilgi edinin.

Manuel kod denetimi

Mevcut etiket yapılandırmalarının daha kapsamlı bir analizini almak için manuel kod incelemesi yapabilirsiniz. Olası etiket yapılandırmalarını belirlemek için kaynak kodunuzda şu yaygın etiket anahtar kelimelerinden bazılarını arayın:

  • gtag(: Bu, gtag() komutlarının açılışıdır ve bu kod parçaları genellikle ek araçlar içerir.
  • googletagmanager.com: Bu alan, hem Etiket Yöneticisi hem de gtag.js işlevini yükler ve bu tür etiketleri bulmanıza yardımcı olabilir.

gtag.js veya Google Etiket Yöneticisi'ni zaten kullanıyorsanız yeni yapılandırmalar uygulamak yerine mevcut etiketleri veya araçları güncelleyebilirsiniz.

  • dataLayer: Veri katmanı kodunun oluşturulup oluşturulmadığını ve belirli etkinlikler için araçlarla dataLayer.push() çağrılarının yapılıp yapılmadığını öğrenmek için kullanılabilir.
  • analytics.js veya ga.js: Eski Google Analytics uygulamaları için kullanılan kitaplıkların dosya adları.
  • conversion.js veya conversion_async.js: Google Ads reklam dönüşümü ölçümü için kullanılan kitaplıkların dosya adları.
  • optimize.js: Google Optimize etiketleri için kullanılır.
  • Google etiketleri içerebilecek üçüncü taraf etiket yönetimi sistemleri. Kaynak kodunuzda utag.js veya _satellite gibi olası üçüncü taraf etiket yönetimi sistemlerini arayın.

Google etiketi

Google etiketi snippet'ini web sayfanıza eklediyseniz etiketi inceleyerek ne için kullanıldığı hakkında daha fazla bilgi edinebilirsiniz. Mevcut Google etiketi snippet'i aşağıdaki örneğe benzer:

  <!-- Google tag -->
  <script async src="https://www.googletagmanager.com/gtm.js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
  </script>

Önceki sürümlere ait snippet'ler aşağıdaki örneğe benzer:

  <!-- Google tag (gtag.js) - Prior version snippet -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=GA-XXXXXX-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'GA-XXXXXX-1');
  </script>

Önceki sürümlerin kullanıldığı uygulamalarda, ek ürünler ve hesaplar için birden fazla gtag('config',...) satırı görebilirsiniz. Örneğin:

  <!-- Google tag (gtag.js) - Prior version snippet -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    
    gtag('config', 'GA-XXXXXX-1');
    gtag('config', 'GA-YYYYYY-2');
    gtag('config', 'TAG_ID');
  </script>

Önceki sürümlerdeki her config satırı, ürün ön ekini (hangi ürünün yapılandırıldığını gösterir) ve ardından yapılandırılan hesabın kimliğini içerir. Ürün önekleri hakkında daha fazla bilgi edinin.

Google etiketi için ürün önekleri

Etiket veya kapsayıcı kimliği, Google etiketi snippet'iniz tarafından yüklenen Google Etiket Yöneticisi kapsayıcısını ya da Google hedef yapılandırmasını tanımlar. Yeni yüklemelerde varsayılan olarak Google Etiket Yöneticisi kapsayıcı kimliği (GTM-) kullanılırken hedefe özel kimlikler, her bir Google ürününü tanımlar. Aşağıdaki tabloda, desteklenen kimlik öneklerine genel bir bakış sunulmaktadır:
Ön numara Kimlik türü Açıklama
GTM-XXXXXX Google Etiket Yöneticisi kapsayıcı kimliği (varsayılan) Google Etiket Yöneticisi kapsayıcıları için varsayılan kimlik. Tüm Google etiketlerini, üçüncü taraf etiketlerini ve özel etiketleri destekler.
G-XXXXXX Hedefe özel kimlik Bir Google Analytics hedefini (Ölçüm Kimliği) tanımlar.
AW-XXXXXX Hedefe özel kimlik Bir Google Ads reklam hedefi (dönüşüm kimliği) tanımlar.
DC-XXXXXX Hedefe özel kimlik Bir Floodlight hedefini (reklamveren kimliği) tanımlar.
MC-XXXXXX Hedefe özel kimlik Bir Google Merchant Center hedefini tanımlar.
GT-XXXXXX Google etiketi kimliği Önceki sürümlerde oluşturulan bir Google etiketini tanımlar.

Google etiketiyle yapılandırılan web sayfaları, GTM- kapsayıcı kimliği veya G- (Google Analytics), AW- (Google Ads), DC- (Floodlight) ya da MC- (Merchant Center) gibi hedefe özel bir kimlik kullanabilir. Sayfanız bu kimliklerden birini içeren bir Google etiketi yüklüyorsa sayfaya başka bir etiket snippet'i eklemek yerine Google Etiket Yöneticisi'nde ek hedefler bağlayabilirsiniz. Etiket kimliklerini ayarlama hakkında daha fazla bilgi edinin.

Google Etiket Yöneticisi

Etiket Yöneticisi ile yapılandırılan web sayfalarında, aşağıdaki örneğe benzer bir kapsayıcı etiketi yüklü olur. Etiket Yöneticisi kapsayıcı kimliğini, kapsayıcı kodunu inceleyerek bulabilirsiniz. Kapsayıcı kimliği "GTM-" ile başlar. Kapsayıcı kimliğinin yerleşimini aşağıdaki örnekte görebilirsiniz:

<!-- Google tag -->
<script async src="https://www.googletagmanager.com/gtm.js?id=GTM-XXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
</script>

Önceki sürümlere ait snippet'ler aşağıdaki örneğe benzer:

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXX');</script>
<!-- End Google Tag Manager -->

Kapsayıcı kimliğini aldıktan sonra Google Etiket Yöneticisi hesaplar ekranını açın ve bu kimliği aramak için simgesini tıklayın. Ardından, web sitenizin [etiket, tetikleyici ve değişken yapılandırmasını]etiket yapılandırmasını inceleyebilirsiniz.