Plugins sociales aleatorios para Facebook

Los Plug-ins sociales son los que nos permiten agregar gadgets de diferente tipo que vinculan un blog con Facebook, sin importar si el nuestro sitio posee o no posee una página o si tenemos una cuenta.

Dos de ellos son muy similares, los llamados Recomendaciones y Actividad Reciente; el primero muestra a quienes han compartido entradas y el segundo, las últimas referencias encontradas. Ambos tienen la particularidad de ser visibles a todos los visitantes, sin importar si están están logueados o no.

Se pueden agregar del mismo modo, basta ir a la página de desarrolladores, colocar la URL de nuestro blog y seleccionear las opciones disponibles que no son muchas; luego, hacemos click en Get Code y usamos uno de ellos.

Obviamente, como son muy similares, agregar ambos es un poco redundante pero, en digital inspiration se les ha ocurrido una idea interesante: usar JavaScript para que se muestre uno de ellos de manera aleatoria así que, a veces veremos uno y a veces veremos otro.

Es simple. Si los vamos a colocar en la sidebar, copiamos los códigos de los IFRAMES que nos proporciona Facebook y luego, los ponemos de este modo:

<script type="text/javascript">
var fb = Math.random();
if (fb<.5){
  document.write(' ... aqui ponemos uno de los iframes ... ');
} else {
  document.write(' ... aqui ponemos al otro iframe ... ');
}
</script>

<script type="text/javascript">
var fb = Math.random();
if (fb<.5){
  document.write('<iframe src="http://www.facebook.com/plugins/recommendations.php?site=http%3A%2F%2Fvagabundia.blogspot.com%2F&amp;width=450&amp;height=300&amp;header=true&amp;colorscheme=dark" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:300px;" allowTransparency="true"></iframe>');
} else {
  document.write('<iframe src="http://www.facebook.com/plugins/activity.php?site=http%3A%2F%2Fvagabundia.blogspot.com%2F&amp;width=450&amp;height=300&amp;header=true&amp;colorscheme=dark&amp;recommendations=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:300px;" allowTransparency="true"></iframe>');
}
</script>