Bu makalede, Google Etiket Yöneticisi'ni sitenizin içinde nasıl uygulayacağınız gösterilmektedir.
Bu, etiket yöneticisinin sitelerinizle iyi çalışması için çok özel talimatlar içerir. Bu, AJAX sayfa değişikliklerini uyguladığımız için gereklidir, yani varsayılan olarak, bir site ziyaretçisi sayfaları değiştirdikten sonra etiket yöneticisinin dayandığı sayfa görünümü olayı yoktur.
Bu makale Google'ın talimatlarına tam olarak uymaz, ancak test edilmiş ve doğru şekilde çalışmaktadır. Talimatlar aşağıdaki nedenlerden dolayı Google'ın talimatlarından değiştirilmiştir:
- Google, kodu> sitenin <başına yüklemenizi ister. Sitenin yüklenmesini yavaşlatacağı için bu sayfa hızı için kötü bir uygulamadır. Bu nedenle, alt <gövde ucuna yerleştireceğiz>, bu yüzden en son yüklenir.
- Kodu tek bir konuma kopyalamak daha kolaydır.
Google Etiket Yöneticisi Ekleyin
Google size aşağıdaki örneklere benzeyen kod gömmelerini verecektir. Bunların her ikisinin de sitenin <gövde ucuna> yerleştirilmesi gerekiyor.
Aşağıdaki kod sadece bir örnektir - bunu doğrudan sitenize kopyalamayın. Lütfen Google'dan doğru kodu aldığınızdan emin olun.
Betik Bölümü |
|---|
<!-- Google Etiket Yöneticisi -->
<betik (işlev(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
yeni Tarih () .getTime (), event: 'gtm.js'}); var f=d.getElementsByTagName (s) [0],
j=d.createElement (ler), 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,belge,'betik','dataLayer','GTM-XXXX');</betik>
<!-- Google Etiket Yöneticisini Sonlandır --> |
Betiksiz Bölüm |
<!— Google Etiket Yöneticisi (noscript) —> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX" yükseklik="0" genişlik ="0" style= ekran": yok; görünürlük:gizli"></iframe></noscript> <!— Google Etiket Yöneticisi'ni sonlandır (noscript) —> |
Google Etiket Yöneticisi Kur
Bu adım, sitenizde Google Etiket Yöneticisi'nin izlenmesine izin vermek açısından kritik öneme sahiptir.
Sonra, varsayılan Tüm Sayfalar sayfa görünümü tetikleyicisini özel etkinliğimizle değiştirmemiz gerekiyor. Etiket yöneticisinin içinde, öncelikle özel olay tetikleyicisini oluşturmamız gerekir:
- Google Etiket Yöneticisine gidin ve oturum açın.
- Sol tarafta Tetikleyiciler'i tıklayın.
- Sağ tarafta, yeni button'a tıklayın.
- Sol üstteki tetikleyici için bir ad yazın. Unutulmaz ve yararlı bir şey öneriyoruz, örneğin: Özel Sayfa Görünümü Tetikleyicisi.
- Özel tetikleyici yapılandırma kutusuna tıklayın ve Özel Etkinlik'i seçin.
- Olay adı kutusuna dPageViewyazın.
- Etiket Yöneticisi'nde kaydete tıklayın.
Tetiği oluşturduktan sonra, onu istediğimiz etiketlere uygulamamız gerekir. Sayfa görüntüleme olaylarını tetiklemek için sitede kullandığınız her etiket için bunun yapılması gerekir. Bu örnekte, Google Analytics Universal için uyguluyoruz.
- Etiket Yöneticisi'nde etiketleregidin.
- Yeni bir Site OLUŞTUR
- Hatırlaması kolay bir isim yazın.
- Etiket Yapılandırması kutusuna tıklayın ve kullanmak istediğiniz etiketi seçin. Bu durumda, Google Analytics Universal.
- Etiketi ayarladıktan sonra Tetikleme kutusuna tıklayın. Özel Sayfa Görünümü Tetikleyiciyi oluşturduğumuz özel tetikleyiciyi seçin.
- Yeni bir değişken seçin.
- Google Analytics Ayarları'nı seçin.
- GA izleme kimliğinizi yazın ve en üste değişkeniniz için bir ad yazın.
- Değişkeni seçin ve Kaydet'e tıklayın.
Zaten Tüm Sayfalar tetikleyicisi uygulanmışsa, lütfen silin. Çalıştırmak için sadece özel tetikleyiciye ihtiyacımız var.
Etiket Yöneticisi'nde bu değişiklikleri yaptıktan sonra Gönder'e ve ardından değişiklikleri canlı ayarlarda yayımlaya tıklayın.
Google Etiket Yöneticisi için dikkat edilecek noktalar
- Bu kod yalnızca canlı yayınlanan sitede çalışır. Canlı sürümde test ettiğinizden emin olmak isteyeceksiniz.
- Kapsamlı testleri tamamladık ve Geliştirici Modunun
body-end.htmlbölümü noscript kodunu ve varsayılan kodu eklemek için çalışıyor. - Lütfen Google Etiket Yöneticisi'nden “dataLayer” ayarını değiştirmeyin, bu özel entegrasyon kodumuzu kırar.