Google etiketini gtag.js ile ayarlama

Google etiketi, Google Ads, Google Analytics, Campaign Manager, Display & Video 360 ve Search Ads 360 gibi Google ölçüm ve reklamcılık ürünlerini kullanmak için web sitenize ekleyebileceğiniz tek bir etikettir. Farklı Google ürünleri için birden fazla etiketi yönetmek yerine, Google etiketini sitenizin tamamında kullanabilir ve etiketi birden fazla hedefe bağlayabilirsiniz.

Google etiketi hakkında daha fazla bilgi edinin.

Bu sayfada, gtag.js çerçevesini kullanarak sitenizde Google etiketinin nasıl ayarlanacağı ve dağıtılacağı açıklanmaktadır. JavaScript'i bilmiyorsanız gtag.js yerine Google Etiket Yöneticisi'ni kullanmanızı öneririz.

Avantajları

Dönüşümleri ölçmenin ve Google pazarlama yatırımınızın değerini optimize etmenin en iyi yolu, sitenizin her sayfasına etiket yerleştirmektir. Google etiketini sitenizin tamamında uygulayarak aşağıdaki avantajlardan yararlanabilirsiniz:

  • Geleceğe hazır dönüşüm ölçümü. Değişiklikler olması durumunda dönüşümleri doğru şekilde ölçmeye devam edebilmek için kullanıma sunuldukça en yeni özelliklerden ve entegrasyonlardan yararlanın.
  • Kodsuz etiket yönetimi Sayfanızdaki etiketleri manuel olarak değiştirmeniz gerekmeden Google ürünlerindeki ölçüm özelliklerini etkinleştirin.
  • Daha hızlı ve kolay entegrasyon. Analytics ve Google Ads gibi diğer Google ürünleriyle daha kolay ve basit uygulama ve entegrasyon.
  • Daha doğru dönüşüm ölçümü. Google etiketi, çerezler kullanılamadığında daha doğru dönüşüm ölçümü yapmanıza ve sektördeki faktörler nedeniyle bugün gözlemlenmeyen dönüşümleri kurtarmanıza yardımcı olur.

Web sitenize Google etiketi ekleme

Google etiketiyle veri toplamak için:

  1. Kullandığınız bir Google ürününü açın ve Google etiketi ekranına erişin. Etiket kimliğinizi bulma:

  2. Google etiketi kimliğinizi kopyalayın.

  3. Google etiketi kimliğinizi aşağıdaki kod örneğine yapıştırın. Google etiketi snippet'ini, ölçmek istediğiniz her sayfada açılış <head> HTML etiketinin hemen arkasına yerleştirin.

      <!-- Google tag (gtag.js) -->
  <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', 'TAG_ID');
  </script>

    Verilerin Google reklamcılık ürünlerine gönderilmesi için config komutu gerekir. Otomatik olarak toplanan etkinlikler ve dönüşüm bağlantısı oluşturma gibi birçok özellik için web sitenizde config komutunun ayarlanması gerekir. Yapılandırma komutu hakkında daha fazla bilgi edinin.

Google etiketini doğrulama

Etiketinizin veri gönderdiğini doğrulamak için Tag Assistant'ı veya tarayıcınızın geliştirici araçlarını kullanabilirsiniz.

Tag Assistant ile doğrulama

  1. tagassistant.google.com/ adresine gidin.
  2. Alan ekle'yi tıklayın.
  3. Hata ayıklamak istediğiniz web sitesinin "https://" veya "http://" ile başlayan URL'sini girin.
  4. Bağlan'ı tıklayın.

Tag Assistant'ı web sitenize bağladığınızda Google etiketi kimliğinizin Bulunan Google etiketleri başlığında görünüp görünmediğini kontrol edin. Yeşil veya mavi simge, etiketin bulunduğu ve doğru şekilde çalıştığı anlamına gelir.

Tag Assistant, etiketinizi tanımıyorsa Etiket Yöneticisi yardım merkezinde hata ayıklama ipuçlarını inceleyin.

Sitenizin etiketleme durumuna genel bir bakış için etiket kapsamı özetine de erişebilirsiniz.

Tarayıcı geliştirici araçlarıyla doğrulama

Etiketlerin bir sayfada tetiklendiğini doğrulamak için:

  1. Web sitenizi Google Chrome'da açın.
  2. Chrome Geliştirici Araçları'nı açın (Görünüm > Geliştirici > Geliştirici Araçları).
  3. Ağ sekmesini açın.
  4. Sayfayı yenileyin.

  5. googletagmanager.com adresine istekler görüyorsanız etiketiniz tetikleniyor demektir.

    Belirli Google ürünleriyle ilgili isabetleri arayarak kurulumunuzu daha ayrıntılı bir şekilde kontrol edebilirsiniz:

    • Google Ads: googleadservices.com veya googlesyndication.com isteklerini filtreleyin.
    • Google Analytics: google-analytics.com isteklerini filtreleyin.
    • Floodlight: doubleclick.net adresine yapılan istekleri filtreleyin.

    Yapılandırdığınız bir ürünle ilgili istekleri görmüyorsanız ürünü yalnızca config komutuyla yüklemiş olabilirsiniz ancak herhangi bir etkinlik göndermiyorsunuzdur. event komutunu kullanarak bu ürün için etkinlik gönderip göndermediğinizi kontrol edin. Örneğin, page_view komutu çağrıldığında config komutunu send_page_view olarak ayarlamadığınız sürece Google Analytics otomatik olarak bir false etkinliği gönderir.

    Hâlâ istek görmüyorsanız hatalar için Geliştirici Araçları Konsolu'nu kontrol edin.

    Ayrıntılı hata ayıklama için Tag Assistant'ı kullanın.

    [vn_Tag_Assistant]: //tagassistant.google.com

Sonraki adımlar

Google etiketinizi ayarladığınıza göre Google ürünlerini yapılandırın ve etkinlik verileri gönderin.