Bu makale, sunucu tarafı etiketlemeyi kullanan ve Google komut dosyalarını kendi sunucularından yayınlamak isteyen geliştiriciler içindir.
Sunucu tarafı etiketleme, gtm.js veya gtag.js gibi Google komut dosyalarını Google'ın sunucularından değil, doğrudan etiketleme sunucunuzdan yüklemenize olanak tanır. Bu sayede verileri birinci taraf bağlamında yayınlayabilirsiniz.
Başlamadan önce
Bu rehberde, aşağıdakileri yaptığınız varsayılmaktadır:
- Etiket Yöneticisi'nde sunucu kapsayıcısı oluşturma
- Etiketleme sunucusu oluşturma
- Özel sunucu alanı yapılandırıldı
Başlamak için uygulama seçeneğinizi belirleyin.
1. Adım: İstemciyi yapılandırın
Web kapsayıcınız ile etiketleme sunucunuz arasında birinci taraf bağlamı oluşturmak için Google komut dosyalarının sunucunuz üzerinden yüklenmesi gerekir.
Google komut dosyalarını sunucu kapsayıcınız üzerinden yüklemek için:
- Google Etiket Yöneticisini açın.
- Sunucu kapsayıcınızda Müşteriler'i tıklayın.
- Yeni'yi tıklayın
Google Etiket Yöneticisi: Web Kapsayıcısı istemci türünü seçin.
İstemci Yapılandırması'nda:
- Kapsayıcı Kimliği Ekle: Web sitenizde kullanacağınız Etiket Yöneticisi web kapsayıcısının kapsayıcı kimliğini girin.
- Tüm bağımlı Google komut dosyalarını otomatik olarak yayınla: Etkinleştirildiğinde (varsayılan ayar), etiketleme sunucusu, kök Google komut dosyasının ihtiyaç duyduğu komut dosyalarını otomatik olarak yayınlar. Bu sayede, Google komut dosyasının gerektirdiği her kapsayıcının izin verilenler listesine eklenmesi gerekmez. Yalnızca ilk kapsayıcıyı etiketleme sunucusundan yayınlamak istiyorsanız bu seçeneğin işaretini kaldırın.
- Bölgeye özgü ayarları etkinleştir: Kullanıcının konumuna göre belirli etiketleri tetiklemek için bu seçeneği kullanın. Daha fazla bilgi edinin.
Müşterilere ad verin ve Kaydet'i tıklayın.
Çalışma alanını yayınlayın.
2. adım: Komut dosyası kaynak alanını güncelleyin
Varsayılan olarak Etiket Yöneticisi veya gtag.js, https://example.com/metrics
gibi Google'a ait sunuculardan bağımlılıklarını yükler.
Bağımlılıkları kendi sunucunuz üzerinden yüklemek için web sitenizdeki komut dosyası URL'sini güncellemeniz gerekir.
GTM kodunu sunucu kapsayıcınız aracılığıyla yüklemek için:
- Sayfada mevcut Etiket Yöneticisi kodunu bulun.
Google Etiket Yöneticisi yükleme kodunun
<head>
ve<body>
bölümündekihttps://example.com/metrics
dizesini etiketleme sunucunuzun alan adıyla değiştirin.- Baş:
<!-- 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://example.com/metrics /gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-XXXXXX ');</script> <!-- End Google Tag Manager -->- Body:
<!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://
example.com/metrics /ns.html?id=TAG_ID " height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) -->
3. adım: Komut dosyalarınızın kaynağını doğrulayın
Aşağıdaki talimatlarda, Google Chrome'u kullanarak nasıl test edebileceğiniz gösterilmektedir. İstediğiniz tarayıcıyı kullanabilirsiniz ancak adımlar farklılık gösterebilir.
Sunucu kapsayıcınızın bağımlılıkları yükleyip yüklemediğini test etmek için:
- Web sitenizi yeni bir tarayıcı sekmesinde açın.
- Tarayıcının geliştirici araçlarını açın. Google Chrome'da sayfanın herhangi bir yerini sağ tıklayıp İncele'yi seçebilirsiniz.
Geliştirici araçlarında Kaynaklar sekmesini açın. Bu pencerede, web sitesini açtığınızda yüklenen tüm bağımlılıklar gösterilir.
gtm.js
, belirttiğiniz kaynaktan yükleniyorsa uygulamanız doğrudur.
- ❌ Kaynaklar sekmesinde
gtm.js
için kaynak olarakwww.googletagmanager.com
gösteriliyorsa bağımlılıklar yine de Google sunucularından yüklenir.
- Kodunuzdaki kaynak URL'yi değiştirip değiştirmediğinizi kontrol edin. 2. adıma bakın.
- Kodun etkin olup olmadığını kontrol edin.
Sonraki adımlar
İzin modunu kullanıyorsanız daha fazla kontrol için bölgeye özgü etiket davranışı ayarlayabilirsiniz.