Get started with Tag Manager

2. Web kapsayıcısı yükleme

Sonraki: 3. Google Etiket Yöneticisi'yle etiket ekleme

Web sitenizin Google Etiket Yöneticisi kapsayıcısı için gerekli kod snippet'lerini yüklemek üzere bu adımları uygulayın. Diğer kapsayıcı türleri için Etiket Yöneticisi'ni ayarlamaya ilişkin benzer adımlar için aşağıdaki kaynaklara bakın:

iOS: iOS için Google Etiket Yöneticisi
Android: Android için Google Etiket Yöneticisi
AMP: AMP ve Etiket Yöneticisi kurulum kılavuzu
Sunucu: Sunucu tarafı Etiket Yöneticisi

Başlamadan önce

Bir Etiket Yöneticisi hesabı ve kapsayıcısı oluşturmalısınız.
Web sitenizin koduna erişebilmeniz gerekir.

Uygulanacak adımlar

https://tagmanager.google.com adresine gidin.
Google Hesabınızda oturum açın. Nasıl Google Hesabı oluşturacağınızı öğrenin.
Düzenlemek istediğiniz Etiket Yöneticisi kapsayıcısını açın.
Çalışma Alanı sekmesinde kapsayıcı kimliğinizi ("GTM" ile başlayan) seçin.
Google Etiket Yöneticisi'ni Yükleyin iletişim kutusunda web sitenizin her sayfası için şu adımları uygulayın:

Not: Web siteniz bir web sitesi tasarım aracı veya Wordpress, Shopify ya da Wix gibi bir içerik yönetim sistemi (İYS) kullanılarak oluşturulduysa Google etiketini web sitenizin her bir sayfasındaki kodu güncellemenizi gerektirmeyen bir entegrasyonla ayarlayabilirsiniz. Google etiketini bir web sitesi tasarım aracı veya içerik yönetim sistemiyle yüklemeyi öğrenin.
1. İlk kod blokunu kopyalayıp <head> etiketinde mümkün olduğu kadar üste yapıştırın.
  
  Örnek
  Aşağıdaki örnek HTML kodunda, ilk Google Etiket Yöneticisi kod snippet'inizi açılış <head> HTML etiketinden sonra gelecek şekilde yapıştırırsınız. Aşağıdaki örnekte "GTM-ABCDEFGH" kullanıldığını ancak kimliği, kapsayıcı kimliğinizle değiştirmeniz gerektiğini unutmayın.
  
  <!DOCTYPE html>
  <html lang="en">
  <head>
  
  <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-ABCDEFGH');</script>
  
  
  <title>Örnek Web Sayfası</title>
  </head>
  <body>
  
  <h1>Web Siteme Hoş Geldiniz</h1>
  <p>Bu, web sayfamdaki örnek bir paragraftır.</p>
  </body>
  </html>
2. İkinci kod blokunu kopyalayıp açılış <body> etiketinden hemen sonra gelecek şekilde yapıştırın.
  
  Örnek
  Aşağıdaki örnek HTML kodunda, ikinci Google Etiket Yöneticisi kod snippet'inizi açılış <body> HTML etiketinden sonra gelecek şekilde yapıştırırsınız. Aşağıdaki örnekte "GTM-ABCDEFGH" kullanıldığını ancak kimliği, kapsayıcı kimliğinizle değiştirmeniz gerektiğini unutmayın.
  
  <!DOCTYPE html>
  <html lang="en">
  <head>
  
  <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-ABCDEFGH');</script>
  
  
  <title>Örnek Web Sayfası</title>
  </head>
  <body>
  
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-ABCDEFGH"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  
  
  
  <h1>Web Siteme Hoş Geldiniz</h1>
  <p>Bu, web sayfamdaki örnek bir paragraftır.</p>
  </body>
  </html>
3. Web sitenizin bağlantısını girip Test et'i tıklayarak web sitenizi test edin.
Tamam'ı tıklayın.

Sonraki adımlar

Etiketleri ayarlamak ve yönetmek için Google Etiket Yöneticisi'ni kullanın.

Bu size yardımcı oldu mu?

Bunu nasıl iyileştirebiliriz?