Google etiketini gtag.js ile ayarlama

Not: Sitenizde etiketleri ayarlamak ve dağıtmak için Google Etiket Yöneticisi'ni kullanmanızı öneririz.

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 etiketini nasıl ayarlayıp dağıtacağınız açıklanmaktadır.

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 sitenize uygulayarak aşağıdaki avantajlardan yararlanabilirsiniz:

• Geleceğe hazır dönüşüm ölçümü Kullanıma sunulan en yeni özelliklerden ve entegrasyonlardan yararlanarak değişiklikler olduğunda dönüşümleri doğru şekilde ölçmeye devam etmek için daha donanımlı olursunuz.
• Kodsuz etiket yönetimi. Sayfanızdaki etiketleri manuel olarak değiştirmek zorunda kalmadan Google ürünlerindeki ölçüm özelliklerini etkinleştirin.
• Daha hızlı ve daha kolay entegrasyon. Analytics ve Google Ads gibi diğer Google ürünleriyle daha basit ve kolay 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örle ilgili faktörler nedeniyle şu anda gözlemlenmeyen dönüşümleri kurtarmanıza yardımcı olur.

Google etiketini web sitenize ekleme

Not: Tüm Google etiketlerini (gtag.js), Google Etiket Yöneticisi'nin özelliklerini içerecek şekilde yükselttik. Yalnızca gtag.js kullanan web siteleri artık GTM'yi bu kadar güçlü bir araç haline getiren mevcut kullanıcı arayüzü destekli etiketleme özelliklerini, hata ayıklamayı ve sürüm denetimini kullanabilir.

İlk kez Google etiketi yüklüyorsanız Google Etiket Yöneticisi'ni kullanmanızı öneririz. Mevcut uygulamalar desteklenmeye devam edecek ve herhangi bir işlem yapmanız gerekmeyecek.

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:

   • Google Ads
   • Google Analytics
   • Google Floodlight

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

   Not: gtag('config') komutu kullanımdan kaldırılmıştır ve artık varsayılan yükleme snippet'lerine dahil edilmemektedir. Ayarları ve hedefleri Google Etiket Yöneticisi kullanıcı arayüzünde yapılandırın veya sayfa içi parametreler için gtag('set') kullanın. gtag('config') içeren mevcut snippet'ler, geriye dönük uyumluluk için çalışmaya devam edecek. 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ğunu ve düzgün çalıştığını gösterir.

Tag Assistant, etiketinizi tanımıyorsa Etiket Yöneticisi Yardım Merkezi'nde hata ayıklama ipuçlarını bulabilirsiniz.

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 etkinleştiğ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. Network (Ağ) sekmesini açın.
4. Sayfayı yenileyin.

5. googletagmanager.com isteklerini görüyorsanız etiketiniz tetikleniyordur.

   Belirli Google ürünleri için 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 veya analytics.google.com isteklerini filtreleyin.
   • Floodlight: doubleclick.net isteklerini filtreleyin.

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

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

   Not: Sunucu tarafı etiketleme kullanıyorsanız ağ isteklerini tarayıcı yerine etiketleme sunucunuzda kontrol edin.

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

   [vn_Tag_Assistant]: //tagassistant.google.com

Google Analytics kurulumunuzu doğrulama, veriler görünmediğinde sorunları belirleme ve veri işleme zaman çizelgelerini anlama hakkında daha ayrıntılı bilgi için Google Analytics kurulumunuzu doğrulama ve sorunları giderme başlıklı makaleyi inceleyin.

Sonraki adımlar

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