Yükleniyor...
Yeni, yine, yeniden...
MaFiAMaX Blog! iletişim formuna Temmuz 2010 tarihinden itibaren bir uyarı koyarak Blogger hakkında özel yardımda bulunmayacağımı belirten şu uyarıyı yazmıştım:
04.07.2010 tarihinden itibaren almış olduğum karar gereğince Blogger hakkındaki sorularınıza cevap vermeyeceğim. MaFiAMaX Blog! Blogger İpuçları kategorisinde onlarca farklı konuda yazı ve bu yazıların yorumlarında da yüzlerce farklı sorun-çözüm yer almaktadır. Blogger hakkında kişisel sorundan ziyade herkesin işine yarayacağını düşündüğünüz bir konu hakkında yazı yazmamı önerebilirsiniz.
Bugüne kadar bir çok öneri getirilse de Blogger için Facebook yorum formu önerisini ilgimi çekti. Şimdiye kadar Facebook ile pek ilgilenmediğim için bu tür bir ihtiyaç olabileceğini de düşünmemiştim. M. Akgül tarafından getirilen bu öneri üzerine, daha önce yazılmış bir şeyi tekrar yazmanın gereksiz olduğunu düşündüğüm için Türk blogküresinde bu konunun yazılıp yazılmadığını denetledim. Denetlemem sonucu kayda değer bir yazı bulamadığım için de bu yazıyı yazmaya karar vedim.
Blogger İçin Facebook Yorum Formu
Facebook hesabınızın olduğunu varsayarak Facebook üzerinde uygulama geliştirip daha sonra bu uygulamayı Blogger şablonumuza entegre edeceğiz. Yazımı okumaya başlamadn önce Facebook yorum formunu canlı canlı görebilmek için MaFiMaX Labs bloguma bakabilirsiniz.
Adım 1: Facebook Uygulama Oluşturma
http://www.facebook.com/developers/createapp.php bağlantısına tıklayarak uygulama oluşturma sayfasına ulaşın. Burada uygulamaya bir ad verin ve Facebook koşullarını okuduktan sonra uygulamayı oluşturun.
Adım 2: Uygulama API Anahtarınızı Alın ve Ayarlarınızı Özelleştirin
http://www.facebook.com/developers/createapp.php#!/developers/apps.php bağlantısına tıklayarak Uygulamalarım sayfasına ulaşın. Burada bulunan uygulamanızın Ayarları Düzenle bağlantısına tıklayarak Hakkımda sekmesine ulaşın. Burada bulunan dil ayarını Türkçe seçtikten sonra sol tarafta bulunan Web Sites sekmesine tıklayın ve Site URL kısmına yorum formunuzu kullanacağınız URL adresini yazın ve değişikleri kaydedin.
Adım 3: Blogger Şablonuna Entegrasyon
Buraya kadar uygulamayı oluşturduk. Şimdi uygulamayı Blogger şablonumuza entegre edelim.
Not: Blogger 2010 yılında yeni şablon tasarımına geçiş yaptıktan sonra kaynak kodlarda değişiklik yapıldı. MaFiAMaX Blog! altında yayınlanan tüm yazılar Blogger'ın değiştirilmemiş varsayılan şablonları baz alınarak anlatılmıştır. Bu uygulama da Blogger'ın son şablonları baz alınarak anlatılmıştır.
Not 2: Blogger şablonunuzda değişiklik yapmadan önce mutlaka Tam Şablonu İndir bağlantısına tıklayarak şablonunuzun XML kopyasını kaydedin.
Not 2: Blogger şablonunuzda değişiklik yapmadan önce mutlaka Tam Şablonu İndir bağlantısına tıklayarak şablonunuzun XML kopyasını kaydedin.
Blogger ayarlarınıza giriş yaptıktan sonra Tasarım sekmesine tıklayıp HTML'yi Düzenle sayfasını açın. Şablon kodlarınızın ilk satırında aşağıdaki kodu bulun:
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>Yukarıdaki koda xmlns:fb='http://www.facebook.com/2008/fbml' satırı ekleyin. Kodun yeni hali aşağıdaki gibi olmalıdır:
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:fb='http://www.facebook.com/2008/fbml'>
Adım 4: JavaScript Dosyasını Şablona Ekleyin
Öncelikle Türkçe dil desteği için bazı düzenlemeler yaptığım fb_commentbox_tr dosyasını bilgisayarınıza indirin.
Facebook bu JavaScript'i şu bağlantıda barındırıyor. Normalde dosyayı direkt burdan kullanmamız gerekirken Türkçe dil desteğinde sorun yaşandığı için bu dosyada bazı değişiklikler yapıp Türkçe dil desteklemesini sağladım. Bu sebeple bu dosyanın barındırılması (host edilmesi) bize düşüyor.
Dosyayı indirdikten sonra her hangi bir barındırma servisine ihtiyacınız olacak. İster 110MB.com isterseniz de başka bir dosya barındırma servisi kullanın.
Dosyayı herhangi bir barındırma servisine yükledikten sonra, Blogger şablonunuzun kodları arasına </head> etiketinden hemen önce aşağıdaki kodu ekleyin:
<script type='text/javascript' src='BURAYA_DOSYANIN_BARINDIRILDIĞI_ADRESİ_GİRİN'/>
Adım 5: Facebook Yorum Formunu Blogger Yorum Formuyla Değiştirelim
Günümüzde bir çok Blogger kullanıcısı Blogger'ın katıştırılmış yorum formunu kullandığı için ben de bunu baz alarak yorum formunu değiştirmeyi anlattım.
Şablon kodlarınız arasında comment-form ibaresini arayın ve aşağıdaki kodlara ulaşın:
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/><iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
Yukarıdaki ekran görüntüsünde mavi renkle de belirttiğim kodu aşağıdaki kodla değiştirin:
<fb:comments width='560'/><script type='text/javascript'>FB.init("API_ANAHTARINIZI_BURAYA_KOPYALAYIN", "");</script>Burada genişlik değerini örnek olsun diye 560 yazdım. Siz blogunuza uygun bir değer girin.
Bitirirken...
Buraya kadar okuyabildiyseniz çok sabırlı olmalısınız :) Herkesin rahatlıkla anlayabilmesi için yazımı oldukça detaylı yazdım; bu sebeple de uzun bir yazı oldu. Yazıyı bir defa okuduktan sonra adım adım anlattıklarımı uygularsanız hiç bir sıkıntı çekmeyeceğinizi düşünüyorum.
Yapılan yorumlardan haberdar olabilmek için de ufak bir ayar daha yapmanız gerekiyor. Aşağıdaki ekran görüntüsünde de gösterdiğim gibi Facebook hesabınız açıkken görebileceğiniz Yorumları Yönet bağlantısına tıklayarak ilgili sayfaya ulaşın ve gerekli ayarları yapıp kaydedin.
"Yeni, yine, yeniden..." görüşmek üzere.
Teşekkürler anlatım için. Ama eklenen bir yorum için haberdar etme olayı hala yok sanırım. Yani ne bir bildiri olarak, ne de mail olarak. O zaman da hiçbir anlamı kalmıyor.
çok enteresan, bir o kadar da kaliteli birşey olmuş.
bu yorumların yayınlandığı ortam tam olarak neresi.
söz gelimi google indeksleyeceği zaman yorumu facebook üzerinden indeksleyip profilimizi mi gösterecek, yoksa sitemizi mi gösterecek "yorumdan bir cümle arattığımız zaman"
teşekkürler, kaliteli bir çalışma..
@tyler78,
Rica ederim. Yazımı güncelleyerek yorumlardan haberdar olabilmeyi de anlattım. Hatırlatmanız için teşekkür ederim.
@hakan,
Yorumlar Facebbok üzerinde görüntüleniyor. Aslında blogumuza koyduğumuz araç sadece bir yorum aparatı. Google büyük ihtimalle Facebook üzerinde indeksleyecektir.
Güzel anlatım, güzel konu :) Teşekkürler ;)
bu formu google indexlemiyor en azından bizim sitemizde indexlemiyor facebook da yorum yazan kişinin profilinde sitenizin url siyle birlikte paylaşılıyo seo açısından kayıp olabilir ama hit açısından oldukça faydalı
@MaFiAMaX
Peki siz bu ayarı yaptıktan sonra yorum alınca bir bildiri alıyor musunuz? Ben bu ayardan sonra bile almamıştım. Daha sonra facebook forumlarında bildiri olayının bir bug'dan dolayı çalışmadığını okumuştum. (Hatta sert bir mesaj da ben yazmıştım forumlarına.) Yine baktım ama düzeldiğine dair bir yorum göremedim. Bug'ı hala düzeltmediler sanırsam.
formu sitelerime ekledim sorunsuz denemesinide yaptım wordpress de xid="her sayfa için ayrı değer" olarak bi kod vardı her sayfa için farklı yorumlar yapılabilsin bir sayfaya yapılan yorum başka sayfada görünmesin diye, sizin verdiğiniz kodda sorun yok her sayfaya yapılan yorum kendi sayfası dışında görünmüyo ama kodlamada nerde yaptınız onu bulamadım :)
güzel anlatım. Teşekkürler
@Sedran, @Erdemir,
Rica ederim.
@Mayk,
Haklısın. Blogger işte WP'yi döver :)
@tyler78,
Evet Niyazi GÜL'ün Facebook duvarına yorumlar düşüyor.
Merhaba @MaFiAMaX benim blog'uğumun linki verilerek bir yorum yapılmış ve sen doğal olarak cevap yazmışsın fakat o yorumun sahibi ben değilim..
Ayrıca dediğinde haklısın fakat facebook like uygulamalarını başlatmadan önce javascript kodu oluşturulabiliyor du.
Ayrıca senden Ricam Lütfen benim blog'uğumun linkin bulunduğu o yorumu kaldırman.
@Tayfun,
Uyarın için teşekkür ederim. İlgili yorum silinmiştir.
teşekkürler
hocam dosya silinmiş
@karolla,
fb_commentbox_tr dosyası silinmedi bağlantıda bir sorun yok.
Teşekkürler. Bu eklentiyi kullanmak site performansını olumsuz etkilemez mi?
@laf,
Rica ederim. Sayfa yüklemeleri normale göre biraz daha fazla sürmektedir. Ayrıca yapılan yorumlar Facbook sayfanızda kaydedildiği için Blogger üzerinden yedek aldığınızda yorumlarınızın yedeği alınamayacaktır.
Ayrıca yapılan yorumlarda indekse dahil edilmeyecek. En güzeli ziyaretçilerin sosyal paylaşım sitelerine bağlantı verebilecekleri eklentileri yüklemek hatta sitenin altını üstünü sağını solunu bunlarla doldurmak :). Yinede güzel. Bu arada "sakın" gereksiz bir yazı olduğu manasına getirmeye çalışmıyorum. Yazılarınızdan ve sitenizden çok çok faydalandığımı bilmenizi isterim.
Teşekkürler güzel anlatım...
@Soec.in,
Rica ederim.
Blogumda bu sistemi alterbatif bir yorum sistemi olarak kullanmayı düşündüm fakat hayran aparatının bile blogu bu kadar kastırdığı bir sistemin (facebook) yorum formuyla blog postlarını ne hale getireceğini tahmin edebiliyorum. Şu şekilde yapılabilir. Kodlar pasif olarak kapalı bir [div] içine konulursa ve bu div bir tıkla açıldığı esnada sayfa form için yükleme yaparsa kullanışlı olabilir. O zaman da insanlar işin kolayına kaçıp yorumları facebook üzerinden yapacaklar ve biz de başkasının formuyla gerdeğe girmiş olacağız. Olmadı, bana uymadı :)
@kelimelerbenim,
Facebook eklentilerinin site yüklenme hızını oldukça düşürdüğü gerçek. Bahsettiğiniz şekilde pasif olarak yüklemek kulanışlı olabilir ama bu sefer de dikkatli olmayan kullancıların gözünden kaçacaktır.
Gerçekten ellerinize sağlık.Bir yabancı sitede gördüm fakat uygulamaya dökemedim.Sayenizde bir deneyeceğim.İnşallah olur.
Yorumları rss olarak nasıl yayınlayabiliriz facebook yorumlarını.
@Admin,
Bu konuda Facebook'un yorumlarında RSS desteği verip vermediğine bakmanız gerek.
olmadı .s
Bnde de olmadı.. www.birmuhendis.com
deneyeceğim sonucu yazarım buradan mafia max. saygılar
Yapılan yorumları burada da göremiyoruz. Neden? Normalde görünmesi lazım değil mi?
http://developers.facebook.com/tools/comments?id={API_ID}
Yorum Gönder
Küfür ve hakaret içeren yorumları sevmiyor, Türkçe'nin doğru kullanıldığı yorumları ise çok seviyoruz.
HTML: <b>, <i>, <a> gibi temel HTML etiketlerini kullanabilirsiniz.
Uyarı: URL adresi belirtirken lütfen başına http:// protokolünü koymayı unutmayın!