Saturday, April 20, 2013

Display Facebook page fan count and talking about count to your website

Hello friends writing this post after a long time was busy with exam.So you want to show facebook fan count into your website.Its possible using FQL.Lets do that
Demo

As you can see we can get fan and talking about count as text.you can show them any way you want totally upto you.

What you need

1.A Facebook App
2.Facebook PHP SDK
3.A likes.php file
4.style.css file


Facebook App

 You off course need a facebook app for this.you can create it for free.
So we now have app id and app secret code.Lets move on to next step.

Download Facebook PHP SDK

To work with Facebook graph api you need to download this Php sdk
1.You can download it form Github.I have included facebook php sdk with the source file.
2.If you downloaded form Github.you will find facebook.php and base_facebook.php inside the src folder.copy those files into main folder we need them.

likes.php 

Now lets do some PHP coding.

1.In index.php file we need to include facebook.php  we also need to add app id and App Secret code.Its taken from official facebook developer documentation .You can fine same code in example folder in the facebook php sdk
2.Here is the code
(show code)
// iNCLUDE PHP=SDK
require 'facebook.php';

//Application
$facebook = new Facebook(array(
    'appId'  => 'Your ID',
    'secret' => 'Your CODE',
    'cookie' => true,
));
3.Lets Run the FQL query.FQL is facebook query language .Almost like SQL.
(show code)
$param  =   array(
'method'    => 'fql.query',
'query'     => "SELECT fan_count,talking_about_count,pic
            FROM page WHERE page_id=69553328633",);
4.You must change the  page_id in red color in the code with your page id.I used Facebook IPL page id cause it has large no. of fan count and lots of people talking about it right now
5.If you dont know your page id.Follow my last post i explained it there,

Display the result

Now lets display the result
(show code)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css"/>
<title>Facebook Event</title>




</head>

<body>
<div id="warp">
<?

$fqlResult   =   $facebook->api($param);
$fan=$fqlResult[0]['fan_count'];
$talk=$fqlResult[0]['talking_about_count'];
$pic=$fqlResult[0]['pic'];

echo "<div id='pic'>"."<img src='$pic'>"."</div>";
echo "<div id='fan'>We Have"."<br>"."<span>".$fan."</span>"."<br>"."Facebook fans</div>";
echo "<div id='talk'>WOW"."<br>"."<span>".$talk."</span>"."<br>"."People talking about us</div>";
?>
<br>
<span id="author"><a href="http://autobotcode.blogspot.in/">Fan Count</a></span>
 </div> <!--end warp-->

</body>
</html>
6.You are done

7.The whole code will look like this

(show code)
<?
// iNCLUDE PHP=SDK
require 'facebook.php';

//Application
$facebook = new Facebook(array(
    'appId'  => '295445603898104',
    'secret' => '5bbb8b840def4719b40ba3f3d99eb179',
    'cookie' => true,
));



 //265998713433719
    
$param  =   array(
'method'    => 'fql.query',
'query'     => "SELECT fan_count,talking_about_count,pic
            FROM page WHERE page_id=69553328633",);
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css"/>
<title>Facebook Event</title>




</head>

<body>
<div id="warp">
<?

$fqlResult   =   $facebook->api($param);
$fan=$fqlResult[0]['fan_count'];
$talk=$fqlResult[0]['talking_about_count'];
$pic=$fqlResult[0]['pic'];

echo "<div id='pic'>"."<img src='$pic'>"."</div>";
echo "<div id='fan'>We Have"."<br>"."<span>".$fan."</span>"."<br>"."Facebook fans</div>";
echo "<div id='talk'>WOW"."<br>"."<span>".$talk."</span>"."<br>"."People talking about us</div>";
?>
<br>
<span id="author"><a href="http://autobotcode.blogspot.in/">Fan Count</a></span>
 </div> <!--end warp-->

</body>
</html>

Lets do CSS

Here is my css file.we can create your own


(show code)
@charset "utf-8";
/* CSS Document */
body{
    background-color:#000000;
        width: 700px;
        }
#fan{
height:150px;
width:100px;
background-color:#117BDD;
font-size: 20px;
float:left;
}
#fan span{

font-size: 20px;
}
#talk{
height:150px;
width:100px;
background-color:#C40F33;
font-size: 18px;
float:left;
}
#talk span{

font-size: 20px;
}
That"s it .You are done i guess.In my next post i will explain how to show this two count in your blogspot blog..see ya..have a nice time.dont forget to share this post..:)

20 comments:

  1. pg slot asia สล็อต เป็นเว็บไซต์พนันสล็อตออนไลน์ ลำดับหนึ่ง ที่คนอีกหลายๆคนนั้นต้องเคยได้ฟังชื่อนี่กันมาบ้างแล้วเพราะเว็บไซต์ของพวกเรานั้น PG SLOT เปิดให้บริการโกรธยะหนึ่ง

    ReplyDelete
  2. ทางเข้า PG แนะนำทางระบบ PG จะมีวิธีการเข้าสู่ระบบที่แตกต่างจากการเข้าสู่ระบบอื่นๆ เพราะระบบpg slot

    ReplyDelete
  3. Pg slot king77 สำหรับการเล่นสล็อตออนไลน์ จำต้องใช้เงินทุน ไม่ว่าจะเป็นเงินเยอะๆหรือน้อย ขึ้นชื่อว่าเมื่อลงทุนก็อยากผลกำไร จึงเลือกเว็บที่น่าเชื่อถือ ไว้ใจได้ pg slot สิคะ

    ReplyDelete
  4. Luckyall99 เป็นแหล่งรวมเกมคาสิโนออนไลน์ที่มีความน่าเชื่อถือและได้รับความนิยมจากผู้เล่นมากมายทั่วโลก โดยเว็บไซต์นี้มีเกม PG SLOTออนไลน์

    ReplyDelete
  5. ทดลอง เล่น เกม pg slot คุ้มไหมถ้าเกิดจะวางเดิมพัน PG SLOT ไม่ต้องวิตกกังวลอีกต่อไปด้วยเหตุว่าพวกเรามีบริการ ทดสอบเล่นสล็อตพีจี โดยที่ไม่ต้องเสียเงินเสียทองก็สามารถเล่นได้

    ReplyDelete
  6. สมัครสล็อต pgslot เครดิต ฟรี สมัครง่าย ผ่านระบบอัตโนมัติ 3 วินาที ทำให้ทุกท่านเพลิดเพลิน ไปกับการเล่น ได้ทุกที่ทุกเวลา ส่วนขั้นตอนการสมัครสมาชิกนั้น pg slot ไม่ยุ่งยากเลย

    ReplyDelete
  7. slot-web-ตรง สล็อตเว็บตรงคือเว็บไซต์ที่ให้บริการเกมสล็อตออนไลน์โดยตรง ไม่ผ่านเอเย่นต์หรือเว็บไซต์กลุ่มอื่นๆ PG SLOT ซึ่งสล็อตเว็บตรงนั้นจะมีความน่าเชื่อถือและมั่นคงมากกว่า เนื่องจากมีการดูแลและบริการลูกค้า

    ReplyDelete
  8. pg ฝาก ถอน ไม่มี ขั้น ต่ํา จำต้องไม่พลาดกับเว็บชั้นหนึ่ง อย่าง PG ที่มาพร้อมทั้งบริการ ถูกใจฝากถอนไม่มีอย่างต่ำ แล้วก็ด้วยเครื่องมือและอุปกรณ์ สำหรับช่วยในด้านสำหรับอำนวย

    ReplyDelete
  9. รีวิว-ezybet-789 ออนไลน์ที่มีความน่าเชื่อถือและได้รับความนิยมจากผู้เล่นในประเทศไทยอย่างแพร่หลาย บริการของเว็บไซต์นี้มีความหลากหลายกว่า 30 กีฬาบาสเกตบอล PGSLOT

    ReplyDelete
  10. สล็อต พีจี มีทั้งเกมสล็อตและยิงปลา รวมแล้วมากกว่า 100 เกมให้เลือกเล่น อย่างจุใจภาพสวยและแจ็คพอตแตกง่ายที่สุด เล่นง่ายได้เงินจริง เล่นเกมสล็อต กับพีจี แจ็คพอตแตกง่ายที่สุด

    ReplyDelete
  11. pgneko co เป็นบริษัทเทคโนโลยีที่มีการพัฒนาแอปพลิเคชันและโซลูชั่นในการจัดการระบบการเรียนการสอนออนไลน์ PG SLOT โดยเน้นการใช้เทคโนโลยี AI (Artificial Intelligence)

    ReplyDelete
  12. ดูดวงรายวัน ช่วยเล่น Pgslot แตกไว ดูดวงรายวันก่อนเล่นเกม Pgslot เพื่อทำนายดวงว่าวันนี้ดวงชองคุณจะเป็นอย่างไร จะปังเเละรวยเเค่ไหน การดูดวงช่วยได้ สายมูต้องห้ามพลาด

    ReplyDelete
  13. สมัคร PG SLOT NEW นั้นมีสล็อตใหม่ออกมาอย่างต่อเนื่อง เพื่อตอบสนองความต้องการของผู้เล่นที่ต้องการความสนุกสนานและเสียงเพลงที่น่าฟัง PG SLOT ในช่วงเวลานี้มีสล็อตใหม่ๆ

    ReplyDelete
  14. pgslot t6 เว็บไซต์สล็อตออนไลน์ ฝากถอนไม่มีอย่างต่ำ pg slot นับว่าเป็นอีกหนึ่งระบบการให้บริการของ PG SLOT ที่มอบความสบายสบายให้กับนักเล่นเกมส์สล็อตออนไลน์ทุกคน ซึ่งระบบนี้สบาย

    ReplyDelete
  15. pg slot ฝากถอนง่าย ลองจินตนาการถึงการดำดิ่งสู่โลกแห่งเกมออนไลน์ที่น่าหลงใหล ที่ซึ่งความบันเทิงและโอกาสที่จะชนะรางวัลใหญ่มาบรรจบกัน PG SLOT หากคุณกำลังมองหาแพลตฟอร์ม

    ReplyDelete
  16. m358 เครดิต ฟรี สำหรับเกมพนันที่กำลังเป็นที่ชื่นชอบมากที่สุดในขณะนี้ที่เราอยากแนะนำนั้นก็คือ สล็อตฟรีเครดิต นั้นเอง pg slot เพราะเหตุว่าเป็นเกมพนันที่เล่นง่าย ได้เงินจริง

    ReplyDelete
  17. pg slot vsc888 ปากทางเข้า ให้ร่วมล็อกอิน เข้าระบบลงพนันสล็อต vsc888 ได้ตลอด 1 วันแบบไม่มีอย่างน้อยทุกคนสามารถลงพนั pg slot ในคาสิโนออนไลน์มากมายก่ายกอง ไม่ว่าจะเป็น สล็อต

    ReplyDelete
  18. เกม สล็อต ยินดีต้อนรับสู่จักรวาลที่น่าตื่นเต้นของเกมสล็อต ที่ซึ่งโชคและกลยุทธ์เชื่อมโยงกันเพื่อสร้างประสบการณ์ PG SLOT การเล่นเกมที่ทำให้ดีอกดีใจ ในบทความนี้ เราจะเจาะลึกเข้าไป

    ReplyDelete
  19. siam855 ยินดีตอนรับไปสู่เว็บ Siam855 Thai พวกเราเป็นผู้ให้บริการคาสิโนออนไลน์ที่มาแรงที่สุดในไทยในในช่วงเวลานี้ ด้วยเกมคาสิโนที่ครบวงจร pg slot ไม่ว่าจะเป็น คาสิโนสด สล็อต

    ReplyDelete
  20. premier top สล็อต จุดสุดยอดของเกมสล็อต สำรวจชุดรูปแบบ กลยุทธ์ PG SLOT และคำถามที่พบบ่อยที่น่าสนใจมากมายในคู่มือฉบับสมบูรณ์นี้เพื่อยกระดับการผจญภัยในคาสิโนของคุณที่ซึ่งความบันเทิง

    ReplyDelete