ajax

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

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:
    <script type=”text/javascript” src=”http://www.google.com/jsapi?key=ABQIAAAAMGph6fpNzf-ET0oBGVVHJxRpfcICevY5tQgqnPHEJCivekQnPxSD1FOWXFY6-VJtM6TmsT-tOJc9mg“></script>
  • 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

<br />
<html><br />
	<head><br />
		<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAMGph6fpNzf-ET0oBGVVHJxRpfcICevY5tQgqnPHEJCivekQnPxSD1FOWXFY6-VJtM6TmsT-tOJc9mg"></script><br />
		<script type="text/javascript" src="buzz.js"></script><br />
	</head><br />
	<body></p>
<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></p>
<hr style="border: 1px dotted #CCCCCC;margin:0px 7px 0px 7px;">
			<img src="buz.png" style="margin: 7px" width="100px">
		</div>
<p>	</body><br />
</html><br />

buzz.js

<br />
google.load("feeds", "1");<br />
var Editor;<br />
window.onload = function()<br />
{<br />
Editor = document.getElementById(‘buzz_msg_box’).contentWindow.document;<br />
Editor.designMode = "on";</p>
<p>}</p>
<p>function initialize() {<br />
var feed = new google.feeds.Feed("http://buzz.googleapis.com/feeds/111738004311961586383/public/posted");<br />
feed.setNumEntries(20);<br />
feed.load(function(result) {<br />
if (!result.error) {<br />
var alltest = "";<br />
var simplepost = "";<br />
for (var i = 0; i < result.feed.entries.length; i++) {<br />
simplepost = "";<br />
var entry = result.feed.entries[i];</p>
<p>simplepost +’
<div id="message" style="font: 12px Verdana;"><b>’+entry.publishedDate.split(" -")[0]+’:</b><br/>’+entry.content+’</div>
<p>\r\n’;<br />
simplepost = simplepost +’<br />
<hr style="border: 1px dotted #CCCCCC;"/>\r\n’;<br />
//entry.title+"<br>"+;<br />
alltest = alltest + simplepost ;</p>
<p>}<br />
Editor.body.innerHTML = alltest;<br />
}<br />
});<br />
}</p>
<p>function reloadComments() {<br />
google.setOnLoadCallback(initialize);<br />
setTimeout(‘reloadComments()’,1000);<br />
}</p>
<p>reloadComments();<br />


Ikalbeniz

 Scroll to top