Google Etiket Yöneticisi’nin Önizleme ve Hata Ayıklama sorununu çözmek için 11 pratik çözüm
1. Google Etiket Yöneticisi kodu web sitesine eklenmedi
Bunu bir örnekle açıklayayım.
Google Tag Manager hesabı oluşturup kodunu sitenizin programcısına veya web yöneticisine vererek Tag Manager kılavuzuna göre sitenin “head” kısmına kopyalamasını sağlıyorsunuz ve bu şekilde Google Tag Manager kurulum aşamasına geçiyoruz iyi yapılır. Ancak bunu yaptıktan sonra, ne kadar çabalarsanız çabalayın, etiket yöneticisinin “önizleme ve hata ayıklama” bölümünü göremezsiniz (“önizleme” düğmesini tıkladığınızda görünen turuncu kutunun aynısı). Bu durumda yapmanız gereken en önemli şeyler şunlardır:
1.1: Tag Assistant Chrome uzantısını kullanın
Bu eklenti tüm Google araçlarını (Google Analytics, Etiket Yöneticisi, Google AdWords vb.) tek sayfada inceler ve kullanıcıya gerçek geri bildirim sağlar. Bir hata görürseniz, aynı soruna yönelik kılavuzu okuyun ve hatayı düzeltmek ve tekrar test etmek için verilen talimatları izleyin.
2.1: Web sitenizin ana kodlarını kontrol edin
Bu sayede etiket yöneticinizin siteye doğru şekilde yerleştirilip yerleştirilmediğini görebilirsiniz. Bunun için “Ctrl + U” tuşuna basarak web sitenizin kaynağına erişmeniz yeterli olacaktır. Google Etiket Yöneticisi kapsayıcı kodunuzu bu sayfada görebilirsiniz. Kodun mevcut olmaması, kurulum işleminin doğru olmadığı ve yeniden yapmanız gerektiği anlamına gelir.
2. Google Etiket Yöneticisi kodunu eklerken hata oluştu
Belki bu konu biraz basit görünebilir ama göz ardı etmemelisiniz. Google Etiket Yöneticisi hesabınıza gidin, sayfanın sağ üst köşesinden Google Etiket Yöneticisi “kapsayıcı kimliğinizi” kontrol edin ve bunu siteye yerleştirdiğiniz kodla eşleştirin. Google Etiket Yöneticisi’nde çok sayıda hesap oluşturduysanız, yanlışlıkla başka bir web sitesinin kodunu mevcut siteye koymuş olabilirsiniz ve bunun düzeltilmesi gerekir. Çok basit, ama inanın bana oluyor!
3. Google Etiket Yöneticinizin Önizleme ve Hata Ayıklama modunu yanlış bir kapsayıcıda etkinleştirdiniz!
Google Etiket Yöneticisi’nde ne kadar çok hesabınız varsa, hata yapma olasılığınız da o kadar artar. Yani, başka bir web sitesinin kodunu mevcut sitenize koyabilirsiniz! Sitenize doğru “kapsayıcı” etiket yöneticisini yerleştirip yerleştirmediğinizi tekrar kontrol edin.
4. Web sitenizin hesap etiketi yöneticisi tarayıcısına bir göz atın
Etiket Yöneticisinin “Önizleme ve Hata Ayıklama” modu düzgün bir şekilde etkinleştirildiğinde, Google Etiket Yöneticisi, web sitenizi gerçekten değiştirmeden veri ve bilgileri görüntüleyebilmeniz için tarayıcınız aracılığıyla sizin için belirli çerezleri etkinleştirecektir. Her şeyin düzgün çalışması için hem web sitenizin hem de Google Etiket Yöneticisi hesabınızın aynı tarayıcıda (örneğin Chrome tarayıcısında) açık olması gerekir. Bu sayede her iki bölümde de çerezler bulunduğunda “önizleme ve hata ayıklama” bölümünü iyi bir şekilde kullanabilirsiniz. Şu üç duruma dikkat edin:
- Hem Google Etiket Yöneticisi hesabınız hem de web siteniz bir Chrome tarayıcı sekmesinde açılır. (Önizlemenin çalıştığı en uygun mod.)
- Google Etiket Yöneticisi hesabı Chrome tarayıcısında açılır ancak web sitesi özel bir sekmede ve anonim olarak açılır ve diğer araçlara erişime izin vermez. (Etiket yöneticisi önizleme modu çalışmaz.)
- Google Yönetici hesabınız Mozilla tarayıcısında etkin ancak web sitesi Chrome tarayıcısında açık. (Etiket yöneticisi önizleme modu çalışmıyor.)
Bu nedenle, web sitenizin ve etiket yöneticisi hesabınızın aynı tarayıcıda ve herkese açık düzeyde olduğundan (özel veya “gizli” değil) emin olun.
5. Tarayıcınızın 3. parti çerezleri kabul ettiğinden emin olun!
Bazı kullanıcılar güvenlik ve gizlilik sorunları nedeniyle çerezleri engelleyip devre dışı bırakmaktadır. Bazı durumlarda tarayıcılar çerezlere erişimi otomatik olarak devre dışı bırakır ve çerezlerin saklanmasına izin vermez. 4. maddeye ve çerezlerin önemine göre, “3. taraf çerezlerin” tarayıcı tarafından kabul edildiğinden ve erişimlerini kısıtlamadığınızdan emin olun. Çünkü çerezler olmadan etiket yöneticinizin “Önizleme ve Hata Ayıklama” modunu göremezsiniz.
Yani iki önemli şey yapmanız gerekiyor:
- Tarayıcı ayarlarınızda çerezleri etkinleştirin.
Burada farklı tarayıcılar için çerezlerin etkinleştirilmesine ilişkin talimatların bir listesini bulabilirsiniz . - Çerezleri devre dışı bırakabilirsiniz ancak “www.googletagmanager.com” adresini tarayıcınız için bir istisna olarak ayarlamanız gerekir.
6. Sitenizi yenileyin
Etiket Yöneticisi panelindeki “önizleme” düğmesini tıklamak her şeyi tamamlamaz. Aslında, her değişiklik yaptığınızda (etiketlerde, tetikleyicilerde vb.), bunu test etmek için etiket yöneticisinin “önizleme” panelini yeniledikten sonra, uygulanan değişikliklerin sonucunu görmek için siteyi de bir kez yenilemelisiniz. . Çoğu kullanıcı bu basit kuralı unuttuğu için sorunlarla karşılaşıyor.
7. Etiket Yöneticisinin Önizleme ve Hata Ayıklama modu beyaz bir ekran gösteriyor
Bu sorunu çözmek için sitenin eklentilerini ve eklentilerini tek tek devre dışı bırakıp hangisinin soruna neden olduğunu görmenizi öneririm. Elbette bazen sitenin “css” kodlarının Google Tag Manager ile uyumsuzluğundan dolayı da bu durum yaşanabilmektedir. Google Tag Manager, web sitesindeki “Önizleme” ve “Hata Ayıklama” panelini yüklediğinde site kodlarına benzer adı olan bir alanın varlığından dolayı kısa süreli bir çakışma yaşanabilir. Başka bir deyişle, web sitenizdeki belirli öğeler aynı stili kullanıyorsa (örneğin, div class = gtm-class-class), Etiket Yöneticisi konsolunda “Hata Ayıklama” yaptığınızda sorunlar ortaya çıkabilir. Bu durumun gerçekleşme olasılığı çok düşüktür ancak eğer böyle bir sorunla karşılaşırsanız bir programcıdan yardım isteyerek sorunu kolaylıkla çözebilirsiniz.
8. Önizleme ve Hata Ayıklama Konsolu yeniden boyutlandırılamıyor
Önizleme ve Hata Ayıklama konsolunu yeniden boyutlandırmak, üst kenarlığı yukarı veya aşağı sürükleyerek kolayca yapılabilir. Bu çalışma birçokları için faydalıdır; Ancak bazen konsolun boyutunu bu şekilde değiştirmek mümkün olmuyor. Bu sorunu çözmek için (tarayıcı çerezlerini temizlemek), tarayıcı çerezlerini ve önbelleğini temizlemek size yardımcı olabilir.
9. AdBlocker ve diğer eklentiler Google Etiket Yöneticinizi engeller
Sitede etiket yöneticisinin “önizleme” panelini görmenizi engelleyen birçok eklenti bulunmaktadır. Chrome uzantıları “Ghostery” ve “AdBlock Plu”, Google Etiket Yöneticisi’nin engellenmesini kolaylaştırır. Bu nedenle, bu sınırlayıcıları kullanıyorsanız bunları devre dışı bıraktığınızdan emin olun.
10. Firefox özel iyi çalışıyor
Maalesef “Firefox” tarayıcısının özel modu Google Etiket Yöneticisini engeller ve kullanımına izin vermez. Bu nedenle Mozilla tarayıcısını ve etiket yöneticisini kullanmak istiyorsanız mutlaka “Firefox” tarayıcısının genel moduyla çalışın.
11. Etiket yöneticisi kodları kopyalama/yapıştırma sırasında rastgele değişiyor
Bu durum, etiket yöneticinizin “kapsayıcı kodunu” web geliştiricinize göndermek istediğinizde meydana gelir; Örneğin, kodu Word’e veya Google Dokümanlar’a kaydedin ve ardından gönderin. Ancak depolanan verilerdeki en küçük değişikliğin kodların performansını değiştireceğini bilmelisiniz. Bu nedenle “container” etiket yöneticisinde aynı kodlar gibi görünse de çalışmıyor ve “Önizleme ve Hata Ayıklama” görünmüyor.
Bunun için alternatif bir çözüm ise pastbin.com veya codepen.io’dur . Bu iki siteden birinde hesap oluşturmanız ve bundan sonra birine göndermek istediğiniz kodu önce buraya kaydetmeniz ve ardından erişim bağlantısını ona göndermeniz yeterli.