jQuery ile Facebook ve Twitter Bilgilerini Almak

Facebook sayfanızın ve twitter hesabınızın bilgilerini json formatında nasıl alabileceğinize bu yazıda değineceğim. Öncelikle facebook ve twitter json çıktısı veren adresleri aşağıdadır;

Facebook;
http://graph.facebook.com/tayfunerbilen

Twitter
http://api.twitter.com/1/users/show.json?screen_name=tayfunerbilen&callback=?

Facebook İçin Örnek;

Şimdi ilk olarak jquery $.getJSON() fonksiyonunu kullanarak facebook’a bağlanalım ve json bilgilerini alalım..

$.getJSON("http://graph.facebook.com/tayfunerbilen", function(veri){
	// bilgiler
});

Evet bu şekilde bağlanıp json değerlerine ulaşabiliriz.. Ama bilmemiz gereken, eğer sayfa ise şöyle bir çıktı verecektir bize;

{
   "about": "Web dillerine merak\u0131 sayesinde bir\u015feyler \u00f6\u011frenmi\u015f, ve merak eden di\u011fer insanlara bir\u015feyler \u00f6\u011fretmek i\u00e7in do\u011fmu\u015f hayali bir karakterdir.",
   "is_published": true,
   "location": {
      "street": "",
      "city": "Eskisehir",
      "state": "",
      "country": "Turkey",
      "zip": ""
   },
   "phone": "0541 749 57 44",
   "talking_about_count": 13,
   "username": "prototurkcom",
   "website": "http://www.prototurk.com",
   "were_here_count": 0,
   "category": "Fictional character",
   "id": "317224665035770",
   "name": "Protot\u00fcrk",
   "link": "https://www.facebook.com/prototurkcom",
   "likes": 464,
   "cover": {
      "cover_id": 376503862441183,
      "source": "http://sphotos-b.ak.fbcdn.net/hphotos-ak-prn1/s720x720/534016_376503862441183_1950606480_n.png",
      "offset_y": 0
   }
}

Eğer kişi ise de şöyle bir çıktı;

{
   "id": "100001454838611",
   "name": "Tayfun Erbilen",
   "first_name": "Tayfun",
   "last_name": "Erbilen",
   "link": "https://www.facebook.com/tayfunerbilen",
   "username": "tayfunerbilen",
   "gender": "male",
   "locale": "tr_TR"
}

Bu bilgiler, facebook gizlilik ayarlarına göre değişkenlik gösterebilir.. Atıyorum biz sayfanın beğeni sayısını, sayfa adını, sayfa linkini ve sayfa kapak resmini alalım;

$.getJSON("http://graph.facebook.com/prototurkcom", function(veri){
	var sayfa_adi = veri.name;
	var sayfa_begeni = veri.likes;
	var sayfa_link = veri.link;
	var sayfa_cover = veri.cover.source;
});

Evet artık bu değişkenleri istediğiniz yerde kullanıp değerleri gösterebilirsiniz..

Örneği İncele

Twitter İçin Örnek;

Facebook için yaptığımız işlemin aynısıdır.. Sadece link ve alacağınız değerler değişiktir.. Örnek olarak biz ad-soyad, takipçi ve takip edilen sayısını alalım twitter hesabımızın..

$.getJSON("http://api.twitter.com/1/users/show.json?screen_name=tayfunerbilen&callback=?", function(veri){
	var adsoyad = veri.name;
	var takipci = veri.followers_count;
	var takip_edilen = veri.friends_count;
});

Evet bu değişkenleri de yine istediğiniz yerde kullanıp, bilgilerin gözükmesini sağlayabilirsiniz..

Örneği İncele

Bu yazım burada noktalanıyor, teşekkürler.

Yazar: Tayfun Erbilen

2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“jQuery ile Facebook ve Twitter Bilgilerini Almak” için 5 yorum

  1. Facebook verilerini çekerken ismimde türkçe karakter olduğundan sorun çıkıyor bu sorunu nasıl düzeltebilirim uğurcan yazacağına U\u011furcan yazıyor.

    Teşekkürler

  2. @Uğurcan Kaya, json çıktısında öyle gözükür ancak yazdırdığında düzgün yazdırır.. Eğer düzgün değilse, sayfanı utf-8 yapıp gerekli meta tanımını yazdıktan sonra sorun olmadan çekebilirsin.

  3. localhostta site kodlarken daha dün lazım oldu. Eline sağlık Tayfun Abi, bide şu video işini halletsek ? Senin fikrin çok önemlli 😀

  4. Eline sağlık Tayfun. Makale tarzı derslere de ağırlık verirsen kendi adıma sevinirim. Çünkü her zaman video izleyecek kadar vakit bulamayabiliyoruz.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.