Primeros pasos con Buzz (segunda parte): Un widget de Buzz para Wordpress

Iker — Thu, 11 Feb 2010 14:35:15 +0000

En el articulo anterior analizábamos la API de acceso a Buzz. Una vez analizada ya podemos ver como integrar Buzz en nuestra pagina. Para eso vamos a utilizar la API de Google para leer feeds y un script propio que lo que hará es mostrarnos el código HTML de los comentarios en in iframe refrescándolo cada 1 segundo. De este modo es posible crear un widget de Buzz para nuestro wordpress.

Antes de nada hay que tener en cuenta dos aspectos importantes:

Al estar usando librerías Ajax de Google es necesario que solicites una clave API propia:
En el lector de RSS debes indicar el RSS de tu cuanta de Buzz en el articulo anterior te explicamos como obtenerla.

var feed = new google.feeds.Feed(“http://buzz.googleapis.com/feeds/111738004311961586383/public/posted”);

sample.html

<html>

        <head>

                <script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAMGph6fpNzf-ET0oBGVVHJxRpfcICevY5tQgqnPHEJCivekQnPxSD1FOWXFY6-VJtM6TmsT-tOJc9mg"></script>

                <script type="text/javascript" src="buzz.js"></script>

        </head>

        <body>

                <div id="buzz" style="width:300px;background-color:#e1f3fa;">

                        <h1 style="font:20px Verdana;Color:#2193c5;margin:7px;">Iker.perez</h1>

                        <hr style="border: 1px dotted #CCCCCC;margin:5px 7px 0px 7px;">

                        <iframe id="buzz_msg_box" style="margin:0px 7px 0px 7px;border:0px; width:286px; height:450px;background-color:#ffffff;"></iframe>

                        <hr style="border: 1px dotted #CCCCCC;margin:0px 7px 0px 7px;">

                        <img src="buz.png" style="margin: 7px" width="100px">

                </div>

        </body>

</html>

buzz.js

google.load("feeds","1");
var Editor;

window.onload=function()
{

Editor = document.getElementById(‘buzz_msg_box’).contentWindow.document;

Editor.designMode="on";
}
function initialize() {

var feed = new google.feeds.Feed("http://buzz.googleapis.com/feeds/111738004311961586383/public/posted");

feed.setNumEntries(20);

feed.load(function(result) {

if (!result.error) {

var alltest = "";

var simplepost = "";

for (var i = 0; i < result.feed.entries.length; i++) {

simplepost = "";

var entry = result.feed.entries[i];
simplepost +’                <div id="message" style="font: 12px Verdana;"><b>’+entry.publishedDate.split(" -")[0]+’:b><br/>’+entry.content+’div>\r\n’;

simplepost = simplepost +’<hr style="border: 1px dotted #CCCCCC;"/>\r\n’;

//entry.title+"
"+;

alltest = alltest + simplepost ;
}

Editor.body.innerHTML = alltest;

}

});

}
function reloadComments() {

google.setOnLoadCallback(initialize);

setTimeout(‘reloadComments()’,1000);

}
reloadComments();

Ikalbeniz

Primeros pasos con Buzz

Iker — Thu, 11 Feb 2010 11:10:07 +0000

Ha llegado Buzz y a primera vista lo que parece es un Twitter avanzado o un Facebook simplificado, como se vea. Pero mas allá de esta primera aproximación, me interesaba concer que funcionalidades se escondian tras esta nueva funcionalidad de Google. Por tanto el mejor sitio para empezar a buscar es el propio Google y su portal de APIs.

http://code.google.com/intl/es-ES/apis/buzz/

Actualmente solo existen dos opciones de integración disponibles:

De Buzz a tu Web
De tu Web a Buzz

De Buzz a tu Web

Buzz permite generar un RSS con tus comentarios en Buzz con lo que es posible generar plugins al estilo Twitter para tu blog. La forma de acceder a dicho RSS es la siguiente:

http://buzz.googleapis.com/feeds/{user_id}/public/posted

El user id es posible obtenerlo dirigiéndote a “Perfil de Google”..

En mis caso la dirección de mi perfil es la:

http://www.google.com/profiles/111738004311961586383

Por lo que mi user_id es 111738004311961586383 y mi url de RSS

http://buzz.googleapis.com/feeds/111738004311961586383/public/posted

De tu Web a Buzz

Buzz automáticamente permite que se integren en Buzz tus aplicaciones de Google, es decir, se generará un comentario cada vez que añadas una imagen a Picasa o subas un video a Youtube..

Si quieres que se genere un comentario cada vez que añades una entrada a tu blog debes conectar tu blog y Buzz bidireccionalmente:

Por un lado debes añadir una etiqueta en la cabecera de tu pagina de la siguiente manera:

En mi caso será de la siguiente manera

Además debes añadir tu Web como Web de confianza, para ello dirígete a tu perfil de Google:

http://www.google.com/profiles/me/editprofile

y en la sección Enlaces añade un enlace a tu Web

Una vez terminado este proceso cada entrada nueva será comentada en tu Buzz.

Listo!

segunda parte »

Iker Perez de Albeniz » buzz

Primeros pasos con Buzz (segunda parte): Un widget de Buzz para Wordpress

Ikalbeniz

Primeros pasos con Buzz