• TurkishEnglishGermany

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  nasıl eklenir onu göstereceğim altta göründüğü gibi kurtlarımızı doğru bir şekilde ekleyerek uygulamanızı tavsiye ederim.

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
[Toplam:0    Ortalama:0/5]
Ali Oktem

1 SEO Uzmanı Ajansı kurucusu. Aynı Zamanda Türkiye'nin en iyi SEO uzmanları arasında ilk 10 içerisinde yer almaktadır.

BENZER YAZILAR

SEO Ajansı

Bir SEO Ajan ı için temel hedef, kendi inden hizmet alan web itelerinin internet üzerindeki görünürlüğünü artırmak, bu ayede de iteye uzun vadede daha fazla ziyaretçi çekmek ve...

WordPress SEO Uzmanı

SEO uygulamaları web itenizin arama motorlarının onuç ayfalarında (SERP - Search Engine Re ult Page) ü t ıralarda yer almanızı hedefleyen, ağlayan çalışmalardır Yani organik arama...

Profesyonel SEO Uzmanı

İşletme olarak internette yer almak i teyen firmaların, artık geçmişe göre daha fazla şan ı var Özellikle de profe yonel SEO uzmanı de teği ile birlikte, burada yapılan çalışmalar...

Paravan Blog Nedir, Nasıl Yapılır ?

Merhaba 1 eouzmanicom takipçileri Bu makalemizde izlere Doğru Paravan blog Nedir na ıl yapılır onu anlatacağım Dış SEO çalışmalarının en önemli etkenliklerden biri olan backlink...

YORUM YAP

Lütfen Güvenlik Sorusunu Giriniz