Blogger Bloguna Facebook Tavsiyeler Çubuğu Ekleyin

Facebook kısa zaman önce Facebook Tavsiyeler Çubuğunu tanıttı. Bu yazımda sizlere bu çubuk hakkında bilgiler ve bu çubuğu sitenize nasıl ekleyebileceğinizi anlatacağım. Hazırsanız buradan başlayalım.

Önizleme

Facebook Tavsiyeler Çubuğu Kurulumu

Blogger paneline girdikten sonra Şablon › HTML’yi Düzenle butonuna tıklayıp Widget Şablonlarını Genişlet kutucuğunu işaretleyin. Ardından aşağıdaki kodu bulun.

<head>

Hemen bulduğumuz kodun altına aşağıdaki kodları ekliyoruz.

<!-- Facebook Tavsiye Çubuğu Kod Başlangıcı -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' > <meta expr:content='data:blog.title' > <meta expr:content='data:blog.pageName' > <b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' > </b:if>
<b:else/>
<meta expr:content='data:blog.title' > <meta content='website' ></b:if>

<meta expr:content='&quot;en_US&quot;' ><meta expr:content='data:blog.canonicalUrl' ><!-- Facebook Tavsiye Çubuğu Kod Bitişi -->

Bu adımı yaptıktan sonra Facebook Tavsiyeler Çubuğu sayfasına gidin ve aşağıdaki adımları takip edin.

Uygulama Oluşturma

Karşımıza gelen sayfada URL of the article (?) ve Domain (?) kutucuklarına kodu eklemek istediğiniz site adresini girin ve Get Code butonuna tıklayın.

Karşımıza gelen pencereden create new app linkine tıklayın. Bu kısımdan sonrası halihazırda uygulaması bulunmayanlar içindir.

Aşağıdaki pencerede doldurmamız gereken yerler otomatik doldurulmuş olarak geliyor. O yüzden direkt Devam butonuna basın. Ardından gelen kelime doğrulama penceresini resimdeki karakterleri girerek geçip Gönder butonuna basın.

Uygulamayı oluşturduktan sonra pencere kapanıp arkaplana geri dönecektir. Tekrar şu resimdeki gibi Get Code butonuna tıklayıp aşağıdaki resimde mavi ile belirtilen alanda gösterilen kodu alın.

Son adımlara geldik. Şimdi ise Şablon › HTML’yi Düzenle butonuna tıklayıp Widget Şablonlarını Genişlet kutucuğunu işaretledikten sonra az önceki bölümde seçtiğiniz kodu şuradan <script> ile </script> arasında kalan alanı düzenleyerek aşağıdaki kodun altına yapıştırın.

<body>

Ve son adım, aşağıdaki kodun peşine

<data:post.body/>

Şu kodu yapıştırın

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class="fb-recommendations-bar" data-trigger="onvisible" expr:data-href="data:post.url" data-read-time="30" data-action="like" data-side="right" expr:data-site="data:blog.homepageUrl" data-num-recommendations="2"></div></b:if>

İşlemimiz bu kadar. Eklediğiniz kodu düzenlemek için aşağıdaki yönergeleri izleyin.

Facebook Tavsiyeler Çubuğu Kişiselleştirme

Az önce verdiğim kodun içindeki verileri inceleyelim:

  • data-read-time=”30″: Ziyaretçi sayfada kaç saniye kaldıktan widget görünecek? 30, saniye olarak düzenlenebilir.
  • data-num-recommendations=”5″: En fazla kaç gönderi gösterilecek? 5, gönderi sayısı olarak düzenlenebilir.
  • data-side=”right”: Widget sağ da mı yoksa solda mı görüntülenecek? right, right veya left olarak düzenlenebilir.

Yapacaklarımız bu kadar, herşeyi kaydedip bu işi bitirebilirsiniz. Hayırlısı olsun.

Furkan Özden

Blog dünyası ile 2009 yılında tanıştım. Bloğumda haftada en az bir yazı yayımlıyorum. Yazdığım yazıları beğendiyseniz beni Twitter'dan (@frknzdn) takip edebilirsiniz. Daha fazlası için hakkımda sayfasını ziyaret edin.

Paylaş
Yazar
Furkan Özden
Etiketler: Facebook

Son Gönderiler

DPI ve CPI Farkı Ne Anlama Geliyor

Satın almak için yeni bir fare arıyorsanız DPI terimiyle karşılaşmış olabilirsiniz. DPI, özellikle oyun oynamak için…

1 hafta önce

2020 Özeti – Yıla Bakış

Uzun zamandır bloğa kişisel yazı girmiyordum. Önce Sezer abinin bloğundan ardından Tahsin Bey'in bloğundan gelen…

2 hafta önce

Resim Paleti ile Boyaların Benzersizliği

Her insan için, en eğlenceli ve dinlendirici aktivitelerden bir tanesi de resim yapmaktır. Ruhu dinlendiren…

3 hafta önce

Steam Puan Dükkanı Rehberi

Steam Puan Dükkanı, Steam'in yakın zamanda duyurduğu yeni bir özellik. Steam Puan Dükkanı sayesinde profilinizi…

4 hafta önce

İncia Kişisel Bakım Ürünleri

Kişisel bakım hayatlarımızın olmazsa asla dışarı bile çıkamayacağımız bir durum haline gelmiştir. Kişisel bakımlarımız ile…

1 ay önce

Çiftlere Özel Beştaş Yüzük

Moda tutkunlarının vazgeçilmezi, kadınların cazibesi olan beştaş yüzük her şeyi ile harika bir sanatsal tasarımdır.…

1 ay önce