Blogger AMP Facebook Yorum Eklentisi

4/27/2017
Blogger AMP Facebook Yorum Eklentisi

Blogger AMP Facebook Yorum Eklentisi - Google AMP HTML tarafından desteklenen Facebook yorum eklentisi artık AMP temalarında kullanılabilir durumda. Harika bir görünümü olan AMP Facebook yorum sistemi kurulumu da oldukça basit.

AMP Facebook yorum sistemine yapılan yorumlar Facebook sayfaları ile senkrinize edilebilir, gelen yorumları blogda ve Facebook uygulamalarını kullanarak fan sayfanızda da görünmesini sağlayabilirsiniz.

Blogger AMP Facebook Yorum Eklentisi Ekleme


Blog sitenize AMP Facebook yorum eklentisini kurmak için, Blogger hesabınıza giriş yapın ve blogunuzun kumanda panelinden Tema > HTML'i Düzenle yolunu takip ederek blogunuzun şablon kodları sayfasını açın ve aşağıdaki adımları takip edin.

1- Aşağıdaki AMP Facebook HTML kodunu bir aşağıda örnek kodda gösterilen renkli kodun bir satır altına ekleyin.

<b:includable id='fb-comment' var='post'>
<div class='fb-comments' id='fb_comments'>
<amp-facebook-comments data-colorscheme='dark' data-numposts='5' expr:data-href='data:post.url' height='180' layout='responsive' width='600'>
</amp-facebook-comments>
</div>
</b:includable>

Örnek kod ekleme
<b:includable id='comments' var='post'>
.............
.............
</b:includable>
<b:includable id='fb-comment' var='post'>
<div class='fb-comments' id='fb_comments'>
<amp-facebook-comments data-colorscheme='dark' data-numposts='5' expr:data-href='data:post.url' height='180' layout='responsive' width='600'>
</amp-facebook-comments>
</div>
</b:includable>

2- Aşağıdaki HTML kodu bir alttaki kodun bir satır altına ekleyin.

<b:include cond='data:blog.pageType == &quot;item&quot;' data='post' name='fb-comment'/>

<b:include data='post' name='post'/>

3- Aşağıdaki meta etiketlerini blogunuzun <head> - </head> kodları arasında bulunan meta etiketlerinin hemen altına ekleyin.

<meta content='Sayfa-ID' property='fb:admins'/>
<meta content='Profil-ID' property='fb:profile_id'/>

Yukarıdaki meta etiketleri içerisinde belirtilen işaretli yerleri değiştirin; Facebook sayfanızın ID kimlik numarasını ve Facebook profil ID numarasını ekleyin.

4- AMP temalarının </head> kodunun üzerinde bulunan javaScript kodlarının hemen altına aşağıdaki AMP Facebook javaScript kodunu ekleyin. Eğer javaScript kodlarınız arasında bu kod bulunuyorsa eklemenize gerek yok.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script async='async' custom-element='amp-facebook-comments' src='https://cdn.ampproject.org/v0/amp-facebook-comments-0.1.js'/>
</b:if>

Yukarıdaki kodları ekledikten sonra şablonu kaydedin ve blogunuzu kontrol edin.

AMP Facebook Sayfa Yorumları İçin Uygulama Oluşturma

Blogunuza gelen yorumları Facebook sayfanızda görünmesini sağlamak için, daha önce oluşturduğunuz bir uygulama yada yeni oluşturacağınız uygulama ID kimliğinizi aşağıdaki meta etiketinde belirtilen yer ile değiştirin ve meta etiketini blogunuzun meta etiketleri arasına  ekleyin.

<meta content='Uygulama-ID' property='fb:app_id'/>

Yeni bir Facebook uygulaması için buraya tıklayın. Uygulama adınızı FB_Comments gibi oluşturabilirsiniz.

Bu yazımızda AMP tema kullanıcıları için Facebook yorum eklentisi ve kurulumu hakkında bilgiler paylaştık. Blogger kullanıcılarına faydalı bilgiler sunmaya devam ediyoruz, siz de blogumuza abone olarak güncellemelerden haberdar olabilirsiniz.

Kategori İçerikleri



Blogger
Disqus
Yorum Ekle

Hiç yorum yok