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.

Yayınlayan

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” üzerine 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