AMP Sayfalara Google Analytics 4 (GA4) Kurulum Rehberi

Bilindiği üzere Google, Universal Analytics (UA) mülklerinde veri akışını 1 Temmuz 2023 itibariyle durdurdu. Artık web yöneticileri için Analytics 4 (GA4) zorunlu hale getirildi. Sitelere ziyaretçi akışını izlemek ve etkileşimli takip etmek için Google Analytics kullanmaya devam etmek isteyen webmasterlar GA4 kurulumunu yapmak zorunda.

Google Analytics 4 Mülküne Geçiş

Daha önce Universal Analytics kullanan website yöneticileri Analytics panelinden eski verilerinde kayıp yaşamadan GA4 geçişini birkaç tıkla tamamlayabiliyor. Bunun yanında yeni bir GA4 mülk kurulumu ile Analytics 4 geçişi sağlanabilir. Klasik bir GA4 mülk veri akışı kodu aşağıdaki şekildedir.

<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XXXXXXXXX'); </script>

Bu kodu içeriğindeki G-XXXXXXXXX mülk numarasını değiştirdikten sonra websitenizde temanızın üst bölümünde </head> kodundan hemen önce eklediğinizde ziyaretçi akışını artık Analytics paneli üzerinden takip etmeye başlayabilirsiniz. Ancak özellikle Wordpress kullanıcıları veya özel yazılım kullanan birçok websitesi AMP kullanımına devam etmekte. AMP sayfalarda yukarıda verdiğimiz Analytics kodunu girdiğinizde geçersiz AMP sayfası hatası verecek ve içerikleriniz AMP olarak indexlenmeyecektir.

AMP Sayfalara GA4 (Analytics 4) Kodu Nasıl Eklenir?

AMP'ye GA4 nasıl eklenir? AMP sayfaları kullanan website sahipleri AMP yapısına uygun, özelleştirilmiş AMP analytics kodunu kullanmak zorunda. Normal web sürümü olarak GA4 izleme kodu AMP sayfalara eklendiğinde AMP sayfalarda yapı sorunları meydana gelir ve AMP validator gibi platformlarda sayfanızı tarattığınızda geçersiz AMP sayfası olarak hatalar karşınıza çıkar. AMP sayfaya GA4 kodu ekleme nereye ve nasıl girilir?

AMP eklentiniz veya temanızda header veya tekil yazı sayfanızda </head> kodundan hemen önce aşağıdaki GA4 uyumlu AMP analitik kodunu girdiğinizde artık AMP sayfalarda Google Analytics üzerinden kullanıcı ve ziyaretçilerinizi takip edebilirsiniz.

  <amp-analytics type="gtag" data-credentials="include">        <script type="application/json">        {          "vars" : {            "gtag_id": "G-TEKNOLOJITURU",            "config" : {              "G-TEKNOLOJITURU": { "groups": "default" }            }          }        }        </script>        </amp-analytics>

Burada yer alan GA4 Analytics kodu AMP sayfaları için geçerli olan analytics kodudur. Bu kodu girerek AMP sayfalarına GA4 ekleme işlemini tamamlamış olacaksınız. Bu kod içerisinde yer alan "TEKNOLOJITURU" alanını sizin GA4 izleyici kimliğinizle değiştirmeyi unutmayın.