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.

Rate this post
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

WordPress Sayfaları ve Gönderiler Arasındaki Fark Nedir?

Bir WordPress sitesini ilk kez başlatmak çok zor görünebilir. Örneğin, WordPress'e yeni başlayanların çoğu, bir…

4 gün önce

RaceRoom Racing Experience Dereceli Şampiyonalar Başlıyor

Eski adıyla SinBin Studioları tarafından geliştirilen RaceRoom Racing Experience yarış simülasyonu büyük bir güncellemeye daha…

2 hafta önce

Traktör Kuyruk Mili İle Çalışan Su Pompası Fiyatları

Kendisine has çalışma stili ile birlikte ortalama 40 metre  gelinlikten emiş yeteneğine sahip olan traktör…

3 hafta önce

Epoksi Kalıp Çeşitleri

Epoksi Kalıp son zamanlarda oldukça sık karşılaşılan epoksi reçinelerin şekil almasını sağlayan ürünlerin başında geliyor.…

3 hafta önce

En İyi Online Video Dönüştürücüleri

Windows, Mac ve Linux işletim sistemleri için birçok profesyonel video dönüştürme uygulaması mevcuttur. Bunlardan en…

1 ay önce

Bir Fena Manzara Kitap İncelemesi

Ahmet Utku Çetinkaya’nın ilk romanı Bir Fena Manzara beni hakkında bir inceleme yazacak kadar etkiledi.…

1 ay önce