• TurkishEnglishGermany

BLOG YAZILARI

AMP Google Analytics Nasıl Eklenir?

AMP Google Analytics İzleme Kodu 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 uygulamanızı tavsiye ederim.

Ö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.

<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: 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
BENZER YAZILAR

Bu Sayfanın Çevirisini Yap Sorunu Çözümü

Merhabalar 1 SEO Uzmanı takipçileri Bu makalemizde bir çok web ite inde ıkça karşımıza çıkan, ıralamalarda düşüşe ve i tem iz uyarıya ebebiyet veren “bu itenin çeviri ini...

En Çok Yapılan SEO Hataları Nelerdir?

Web itenizin arama motorlarında ki onuçlarında ü t ıralarda bulunma ı için internet adre inizin arama motoru optimiza yonu taktiği üzerine düşünülme i gerekir Bu taktikleri...

SEO Uzmanı Nedir?

SEO Uzmanı, yapılmış olan internet itelerine en başta Google olmak üzere tüm arama motorlarına yapılan ziyaretçi kitlelerine göre en uygun şekle okan, arama motorlarında ki...

Breadcrumb Nedir, Nasıl Kullanılır?

Breadcrumb Nedir Türkçe i miyle " ayfa işaretleri yolu" olarak bilinen Breadcrumb iz kullannıcıların ve Google botlarının ve arama motoru botlarında web itemizde yer alan aşamalı...