Bırakın kullanıcı yorumlarını facebook halletsin

Dikkat: Bu yazının yazılma tarihinin üzerinden en az 60 gün geçmiş. İçerisindeki bilgiler güncelliğini yitirmiş olabilir. Yorumları ve güncellemeleri göz önünde bulundurarak yazıyı takip ediniz.

Kullanıcı yorumlarının kullanım alanları

Şu an neredeyse her şeyi internette paylaşmaya başladık. En basit kullanıcı bile birkaç saatte çeşitli araçlarla veya kendi yazarak bir web sayfası üretebiliyor. Bu sayfalarda tecrübelerini, fotograflarını paylaşıyorlar. Bu paylaşımın bir yanı da, aslında interaktif yanı diğer ziyaretçilerin içerik hakkında yorum yapması, tartışabilmesi. Bu iletişim o kadar önemli ve detaylı olmaya başladı ki, çok basit bir ruh halinizi paylaştığınız Facebook status'de bile kullanıcılar yorum yazıyorlar. Facebook yorumları ve yönetimini bu noktada oldukça başarılı şekilde yapıyor.

Son dönemde connect aracılığı ile bazı kaynaklarını dış sitelere de açmaya başladığından bu yorumlama mekanizmasını paylaştığı bir yapı var: Facebook Connect Comment Box. Bu dökümanda facebook connect ile commentbox uygulamasını herhangi bir web sayfasına nasıl entegre edeceğimizi göstereceğim.

Facebook Connect'e giriş

Facebook connect ile ilgili ana sistematiği Facebook connect ile kullanıcı giriş çıkış dökümanında anlatmıştım. Comment box kullanabilmek için facebook connect kurulumunu sayfanıza yapmanız gerekiyor. Tabiki bunun için de bir uygulama oluşturmak zorundasınız. Basitçe özetlersem :
  • "Developers" uygulamasını ekleyin
  • Kendinize yeni bir uygulama oluşturun ve bir api anahtarı edinmiş olun
  • Uygulama ayarlarında facebook connect URL olarak comment box kullanacağınız sayfanın adresini girin
  • Site ayarlarını yapmaya html etiketinize fbml sözlüğü yolunu girin
  • Facebook JS Api'nin javascript kütüphanesini include edin
  • Facebook connect init fonksiyonu ile api key'inizi belirterek facebook connect'i etkinleştirin

Bu adımlardan sonra yaptığımız şey FBML yardımı facebook connect butonu eklemek, login ise kendi fonksiyonumuzu çağırarak giriş yapmış kullanıcı aksiyonlarını belirlemek idi. Fakat şimdi bunları kullanmayacağız ve çok basit bir yolla sayfamıza yine FBML yardımı ile yorum kutusu ekleyeceğiz.

Uygulayalım

Şimdi basit bir fotograf sayfasına yorum kutusu eklemeyi örnekleyeceğim. Sayfamız şu şekilde olsun :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>Facebook Connect</title>
	<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"></script>
</head>
<body>
	<div>
		<h2>Sevimli Kedi</h2>

		<img src="http://www.fulyavet.com/images/cat17.jpg" alt="Cat" />
		<br>
		<br>

	</div>

	<script type="text/javascript">
		// facebook init
		FB.init("--API-KEY--", "xd_receiver.htm");
	</script>
</body>
</html>
Bu sayfanın görünümü :

Figür 1

Gördüğünüz gibi klasik bir fotograf sergilenen sayfa.
Kodda gördüğünüz gibi html etiketinde fbml sözlük adresi tanımlı, facebook javascript api import edilmiş ve en sonda da facebook connect init edilmiş durumda. Yani facebook connect çalışır durumda. Fakat sayfada henüz facebook esintisi yok.

Şimdi fotografın hemen altına yorum kutusu eklemek istersek img etiketinin hemen altına <fb:comments></fb:comments> fbml etiket grubunu eklememiz yeterli olacak.

Evet sadece bu kadar. İnanması zor ama bu şekilde :-)
Şimdi bu fbml etiketlerini eklediğimizde ortaya çıkacak sonuç şu şekilde olacak :

Figür 2

Oldukça basit bir şekilde sayfamıza yorum özelliği eklemiş olduk. Burada işin güzel yanı, insanlar facebook hesapları ile connect olup misafir yerine gerçek bir kişi olarak hareket edebilecekler. Eğer connect tuşuna basarlarsa iki durum söz konusu :
eğer facebook'a giriş yapmışlarsa sadece bu siteye bağlanıp bağlanmamasını soran bir kutu, eğer giriş yapılmamışsa facebook giriş ekranı gelecek.

Figür 3


Kullanıcı bilgileri ile giriş yapınca misafir yerine kullanıcı bilgileri, fotografı gelecek.

Figür 4

Burada işin güzel yanı, kullanıcı oraya yorum yaparken varsayılan olarak seçili olan "Post comment to my Facebook profile" seçeneğini seçerse burada yazdığı yazı, uygulama adınız ile birlikte facebook profilindeki duvarında görünecek. İnsanlar duvardan da cevap yazabilecekler ve duvardan yani facebook üzerinde iken yazdıkları yorum da sitenizde görünecek.

Bunun yanı sıra uygulamanızda admin/moderator olan kişiler giriş yaptıkları zaman yukarıda gördüğünüz gibi "Administer Comments" bağlantısı ile o sayfadaki yorum kutusuna ait ayarlar yapabilecekler. Yani misafirlerin yazıp yazamaması gibi özellikleri. Aynı zamanda yapılan yorumları da kaldırma seçenekleri olacak. İsterseniz o sayfadaki yorumları yönetmesi için insanları davet edebileceksiniz.

Figür 5


Şimdi bu uygulamayı her türlü sayfada yapabileceğinizi düşünürsek, bunun için herhangi bir veritabanı, javascript yazmanıza da gerek kalmadığı düşünülürse statik sitelerde oldukça kullanışlı bir uygulama halini alıyor.

Keyifli kullanımlar...

Hazırlayan : Mehmet Fatih YILDIZ
Kaynak Video :http://www.vimeo.com/3289354

Yorumlar

31 Mayıs Pazar ´09 00:49
fb connect gayet şık bir olay =) onun haricinde openId yede benziyor yani fb un sağa sola kafa tutma olayıdır bu   :-)
31 Mayıs Pazar ´09 23:47
Teşekkürler yazıyı okumadım ama seminerlerim bitikten sonra okuycam bu konu hakkında kendimi geliştirmeyi hedefliyorum bu bakımdan yeni bilğileir burdan paylaşmaya calışcam teşşekürler bu konu hakkındaki bilğileirniz için
Üye Resmi Erkan
26 Temmuz Pazar ´09 06:01
Güzel Anlatım İçin Teşekkürler
Üye Resmi arachnanthe
9 Haziran Çarşamba ´10 03:05
merhaba mehmet bey sizin anlatımızdan sonra bu uygulamayı yapmak kolaylastı sanırım yada ben eksik işiler yaptım.

çözemediğim ve size sormak istediğim bir sorum var cevap verirseniz cok memnun olurum

bu uygulama sayesinde yapılan yorumların hepsini takip etmek mümkünmü yada farklı sayfalarda yorum yazıldıktan sonra yorum yazılan sayfalar link şeklinde yorumları ile birlikte  facede gösterilebliyormu gerek uygulama profili gerekse bir sayfa üzerinde

bu arada benim eklediğim sekil ise alttaki gibidir


<!-- Facebook beğen ve yorum yap kodu başlangıcı -->

<fb:comments numposts="5" width="700"></fb:comments>
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'xxxxxxxxxxxxxxxxxxxxx', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/tr_TR/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>


<!-- Facebook beğen ve yorum yap kodu bitti -->
Üye Resmi simao
14 Temmuz Çarşamba ´10 01:03
slm. lütfen bu konu hakkında bilgisi olan varsa yardımını esirgemesin ? şimdiden teşekkürler eline sağlık çok güzl konu
3 Ağustos Salı ´10 12:25
comment de yazılan yorumları nasıl takip ederiz dinamik bir sitede acılan konuların altına yazılan yorumları ve gelen cevapları takip etmek cok zor.
Üye Resmi gizemm
16 Nisan Pazartesi ´12 11:53
teşekkür ederim

www.yuklex.blogspot.com
Üye Resmi ANIL
19 Şubat Salı ´13 10:24
KEŞKE DEMO KOYSAYDIN
Üye Resmi Bilal
10 Mart Salı ´15 07:45
Güzel paylaşım tşkler.
Üye Resmi emrah elyigit
9 Haziran Salı ´15 06:06
guzel bir paylasim
Üye Resmi sanal dünya
26 Kasım Perşembe ´15 11:29
teşekkürler
Üye Resmi Ayhan
5 Ocak Salı ´16 04:42
Hocam ben yapamadım normalde yorum sayfası vardı fakat kaldırıp face olarak yorum konulmasını sağlamaya çalıştım ama beceremedim yapmak istediğim sayfa www.sohbette.com mesela bu sayfanın içinde konularda yorum kısmı görünsün faceden yorum yapınca direkt kişinin duvarında cıksn şeklinde istiyorum.

Teşekkürler.
Yeni Yorum *
İletişim Bilgileri
*
*
E-Posta adresiniz gösterilmeyecektir.
(unut)
Güvenlik Kodu *

Gönderiliyor