Pàgines

dijous, 21 de maig del 2015

Facebook i widgets

En aquesta última sessió de Facebok aprendrem a crear widgets per a poder mostrar al nostre bloc parts de Facebook o a l'inrevés exportar a FB el que publiquem o què passa al nostre bloc.

Per a realitzar aquestes tasques hem d'anar a la nostra pàgina de Facebook i des d'allí anar a Configuració, al peu de pàgina trobaríem "Desarrolladores" i un cop allí escolliriem "Social Plugins" en concret el de "Page plugin".

També podem accedir directament a aquesta direcció:









Disposem de diversos plugins que podem utilitzar, però nosaltres el que utilitzarem serà el Page plugin, que ara està de moda. Aquest mostrarà l'avatar dels usuaris que els hi agrada la nostra pàgina.


A la URL posarem la nostra direcció de la pàgina de Facebook. Amplada i alçada les que nosaltres vulguem. I ja podem fer click a "GET CODE".

Ara ens apareixerà una pantalla així:


El primer codi, el copiarem i l'enganxarem al nostre bloc. Concretament davall mateix de <body>. Com? Molt fàcil. Accedeix al Bloc> Plantilla i dins trobaràs aquest boto "Editar HTML".

Un cop dins, trobarem aquesta línia:
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Just desprès de > enganxarem el nostre codi, però ens donarà error si guardem. A que si?
Per a solucionar-ho hem d'anar a unes línies més abaix on hi posa:

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

I aquest &version=v2.3"; el canviarem per &amp;version=v2.3";

Bé, ja hem fet el més difícil. Ara podem tornar a Facebook i copiar el segon codi que enganxarem en un gadget "HTML/JAVASCRIPT" del nostre bloc.

I llestos, a esperar que ens facin molts "me gusta!"


Cap comentari:

Publica un comentari a l'entrada