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 hakkında bilginiz yoksa 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

Etiketinizin verileri tarayıcınızın geliştirici araçlarını kullanarak gönderdiğini doğrulamak için:

  1. Web sitenizi yeni bir tarayıcı sekmesinde veya penceresinde açın.
  2. Tarayıcınızın geliştirici araçlarını açın (genellikle sağ tıklayıp İncele'yi seçerek veya F12 tuşuna basarak).
  3. Ağ sekmesine gidin.
  4. Tüm ağ trafiğini yakalayabildiğinizden emin olun:
    • Sayfa yeniden yüklenirken veya gezinme sırasında isteklerin kaybolmaması için Günlüğü koru onay kutusunu işaretleyin.
    • İlk istekleri yakalamak için gerekirse sayfayı yeniden yükleyin.
  5. İsabetleri daraltmak için filtre kutusuna g/collect (Google Analytics veri toplama için ortak yol) yazın.
  6. google-analytics.com/g/collect (Google Analytics için) veya sunucu kapsayıcınızın URL'siyle ilgili istekleri bulun.
  7. İsteğin başarılı olduğunu doğrulayın:
    • Durum Kodu: 204 No Content veya 200 OK'yi bulun.
    • Yük: İsteği tıklayın ve Ölçüm Kimliği (tid) ile etkinlik parametrelerinin gönderildiğinden emin olmak için Yük (veya Sorgu Dizesi Parametreleri) sekmesini kontrol edin.

Sonraki adımlar

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