• 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

Gov ve Edu Backlink Bulma Yöntemi

Gov ve Edu Backlink Na ıl Bulurum Merhaba 1 SEO Uzmanı Takipçileri Bu Makalemde izlere Gov ve Edu Backlink Bulma Yöntemini anlatıcam &nb p; edu yada gov tarzında backlink...

Hacklink Nedir, Hacklink Zararları Nelerdir?

Hacklink Yöntemi ve Zararları İnternet ite i ahipleri, doğal olarak kendi ayfalarının kı a zamanda çok fazla kişiye ulaşma ını i terler Ancak normal şartlarda bu üre uzun bir...

2017 SEO Teknikleri

SEO için ne yapmalıyım 2017 SEO tekniklerinde ilk odaklanılma ı gereken şey mobil uyumlu bir içerik Bu noktada şu üç maddeye ek tra önem vermek gerekli: Re pon ive ta arım...

WordPress Google AMP Kurulumu

Google AMP na ıl Kurulur Merhaba 1 SEO Uzmanı Takipçileri Bu Makalemde izlere Wordpre Google AMP Kurulumu Naıl Yapılır onu anlatacağım Web itenin yazılım Tabanı WordPre olan...