Tutorial – Mostrar cantidad de seguidores en Facebook, Twitter y Rss con PHP y CSS

1

Las redes sociales se han convertido en un factor esencial para el crecimiento de todo sitio web ya que es en estos medios que compartimos nuestros contenidos y recibimos la opinión de los usuarios generando interacción y idealización con ellos.

Muchos sitios gustan mostrar la cantidad de seguidores que tienen en las principales redes sociales como Facebook y Twitter y también mostrar la cantidad de suscriptos a su RSS Feed.

Generalmente en la web se encuentran tutoriales independientes de como mostrar la cantidad de seguidores de las diferentes redes sociales en formato de texto, pero para que puedas tener todo a mano te voy a enseñar como mostrar seguidores en Facebook, Twitter y Rss en formato de texto usando códigos simples de PHP y CSS. Este código puede ser usado en WordPress, Joomla o sitios webs comunes.

Por una cuestión de tiempo, pusimos los estilos en el div y no adjuntamos una hoja CSS, pero vos podes pasar los estilos y darle la clase al div para que quede más limpio.

Mostrar seguidores de Twitter

Mostrar followers twitter

<div style="width:300px; background-color:#ebf8ff; height:40px; 
font-family:Arial, Helvetica, sans-serif; font-size:13px; 
border: solid 1px #c6ecff; padding:5px 0 0 0">
 
<div style=" float:left; width:36px;  ">
AQUI VA EL ICONO DE TWITTER
</div>
 
<div style="float:right;  width:256px; padding-top:8px; ">
<?php
$twit = file_get_contents('http://twitter.com/users/show/puertopixel.xml'); //USUARIO//
$begin = '<followers_count>'; $end = '</followers_count>';
$page = $twit;
$parts = explode($begin,$page);
$page = $parts[1];
$parts = explode($end,$page);
$tcount = $parts[];
if($tcount == '') { $tcount = '0'; }
echo '<div><strong>'.$tcount.' </strong> Followers en Twitter @puertopixel</div>'; 
?>
</div>
</div>
Quizas te interese   Canal Adobe, tutoriales oficiales de Adobe

Mostrar seguidores de Facebook

El código que usamos en este div es el que publicamos en esta nota

mostrar-fans-facebook

<div style="width:300px; background-color:#dfeaff; height:40px; 
font-family:Arial, Helvetica, sans-serif; font-size:13px; 
border: solid 1px #688ed4; padding:5px 0 0 0">
 
<div style=" float:left; width:36px;  ">
AQUI VA EL ICONO DE TWITTER
<div>
 
<div style="float:right;  width:256px; padding-top:8px; ">
<strong>
<?php
$page_id = "165484353472934"; //ID FANS PAGE FACEBOOK//
$xml = @simplexml_load_file("http://api.facebook.com/restserver.php?method=facebook.fql.query&query=SELECT%20fan_count%20FROM%20page%20WHERE%20page_id=".$page_id."") or die ("a lot");
$fans = $xml->page->fan_count;
echo $fans;
?> 
</strong>
Fans en Facebook /puertopixel
</div>
</div>

Mostrar Suscriptos en Feedburner

suscriptos-rss

<div style="width:300px; background-color:#ffe2b4; height:40px; 
font-family:Arial, Helvetica, sans-serif; font-size:13px; 
border: solid 1px #efb559; padding:5px 0 0 0">
 
<div style=" float:left; width:36px;  ">
AQUI VA EL ICONO DE RSS
</div>
 
<div style="float:right;  width:256px; padding-top:8px; ">
<strong>
<?php 
$TU_FEED_URI="http://feeds.feedburner.com/MyOpenStudio"; //URL del FEED//
$fburl="https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri=$TU_FEED_URI";
$ch = curl_init();
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_URL, $fburl);
$stored = curl_exec($ch);
curl_close($ch);
$grid = new SimpleXMLElement($stored);
$rsscount = $grid->feed->entry['circulation'];
echo $rsscount;
 ?>
</strong> Suscriptos por RSS Feed!
</div>
 
</div>

Los códigos son simples, solo hay que cambiar los datos de usuario de twitter, ID fans page y URL de Feedburner y listo. Podes mejorar el CSS adjuntando una hoja de estilo aparte para limpiar el código y te sea mas fácil hacerle cambios.

1 COMENTARIO

Dejar una respuesta

Please enter your comment!
Please enter your name here