• EN AT

AMP Google Analytics Nasıl Eklenir?

Merhaba 1 SEO Uzmanı Takipçileri Bu Makalemde sizlere AMP Google Analytics İzleme Kodu Nasıl Eklenir, izleme kodu ile birlikte basit bir şekilde  nasıl eklenir onu göstereceğim altta göründüğü gibi kurtlarımızı doğru bir şekilde ekleyerek uygulamanızı tavsiye ederim.

AMP Google Analytics İzleme Kodu Nasıl Eklenir?

Yapmamız gereken öncelikle Google AMP sayfasına Google Analytics izleme kodu eklemek için yapılması gerekenlere hızlıca bakalım. Bu konu ile ilgili Google tarafından bir yardım sayfası zaten hazırlanmış. Aslında yapmanız gereken tek şey bu adımları izlemek. İsterseniz adım adım gidelim. Öncelikle sayfanıza <head> tagından hemen sonra şu kodu ekleyin;

<script async custom-element="amp-analytics"
    src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

Analytics izleme kodunun çalışması için gereken JS kodu eklendikten sonra aşağıdaki kodu sayfanızda <body> tagından hemen sonra ekleyerek yola devam edin. Burada dikkat etmeniz gereken şey, account kısmında bulunan UA-XXXXX-Y yerine kendi hesap bilginizi eklemek olmalıdır. Bunu öğrenmek için https://analytics.google.com adresinden faydalanabilirsiniz. İşte hepsi bu kadar. Şimdi ziyaretçi trafiğinize göz atabilirsiniz. Konuyla ilgili sorularınız varsa yorum formunu kullanabilirsiniz  detaylı bilgiye sahip olabilirsiniz.

<amp-analytics type="googleanalytics">
<script type="application/json">
{
  "vars": {
    "account": "UA-XXXXX-Y"
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview"
    }
  }
}
</script>
</amp-analytics>

Yukarıda belirtilen JSON formatı farklı türdeki gelişmeler karşısında süper esnek hareket eder ve JavaScript kodu içermediği için de potansiyel hatalara yol açmaz.
Yukarıda verilen örneği biraz daha genişletmek isterseniz bir başka bileşen olan clickOnHeader:  doğru bir şekilde ekleyebilirsiniz

<amp-analytics type=”googleanalytics”>
<script type=”application/json”>
{
 “vars”: {
   “account”: “UA-YYYY-Y”
 },
 “triggers”: {
   “defaultPageview”: {
     “on”: “visible”,
     “request”: “pageview”,
     “vars”: {
       “title”: “Name of the Article”
     }
   },
   “clickOnHeader”: {
     “on”: “click”,
     “selector”: “#header”,
     “request”: “event”,
     “vars”: {
       “eventCategory”: “examples”,
       “eventAction”: “clicked-header”
     }
   }
 }
}
</script>
</amp-analytics>
bu kodları ekleyerek kulana bilirsiniz  İşlem sonrasında tamamlanmış olacak
6053 okunma
Kerem A.soy

4 yıldır Dijital Pazarlama ve içerik Editörü olarak 1 SEO Uzmanı Ajansı bünyesinde çalışmaktayım.

BENZER YAZILAR

SEO Teknikleri

Güncel SEO Teknikleri SEO, arama motorlarında ıralama hedefleyen ve rakiplerini geride bırakmak i teyen her web ite inin ihtiyaç duyduğu bir çalışmadır Web itenizin arama motorları...

Organik Hit Kazanma Teknikleri

Organik Hit Nedir Organik hit, internet adre ine kendi arzu uyla ve doğal olarak gelen ziyaretçi ayı ıdırDoğal ziyaretçi,doğal hit gibi i imlerle de anılırBu doğal yollar o yal...

SEO Uyumlu Makale Nasıl Yazılır?

SEO Uyumlu Makale Yazmak Merhaba 1 SEO Uzmanı Takipçileri Bu Makalemde izlere  SEO Uyumlu Makale Yazmak konu unda bilgiler vereceğiz SEO çalışmalarında en önemli kı ımlardan bir...