En este artículo describimos como insertar el botón de “me gusta” en nuestra pagina web y como cambiar el idioma para que lo muestre en Español.
Esto mismo también valdría para personalizar cualquier botón o plugin de los que nos ofrece Facebook dentro de su web de desarrollo.
Solo tendríamos que ir a su web obtener el código y cambiar el parámetro que hace referencia al idioma.
Por defecto si bajamos el código y lo insertamos en nuestra aplicación Facebook el idioma elegido será el Inglés, para cambiar esto y utilizar el Español solo es necesario reemplazar la línea en la que pone:
js.src = “//connect.facebook.net/en_US/all.js
Por esta:
js.src = “//connect.facebook.net/es_ES/all.js
Con esto cambiaremos a Español el plugin que estemos utilizando en nuestra aplicación.
En este link podéis encontrar el plugin ‘me gusta’ para añadir a vuestra web:
http://developers.facebook.com/docs/reference/plugins/like/
Tenéis que añadir la URL o cogerá por defecto la URL que tiene la cabecera de tu web,
Send button añadirá también el botón ‘Enviar’ al plugin ‘me gusta’, no obstante para poder utilizarlo tenéis que usar el Javascript SDK de Facebook.
También podéis personalizar el color, la fuente, ver el número de ‘me gusta’ o incluso utilizar un ‘recomendar’ en vez de ‘me gusta’.
Entre los plugin que nos ofrece facebook para desarrollar nuestras aplicaciones están:
‘Me gusta’: es el que hemos comentado.
‘Send button’: sirve para enviar contenido a tus amigos.
‘Comentarios’:… pues eso, añadir comentarios en tu aplicación facebook.
‘Recomendaciones’:, …para recomendar tu página.
‘El botón de login’
‘El botón de registro’,
‘Facepile’, muestra las caras de los usuarios que han hecho ‘me gusta’ o han hecho login en tu web.
Este es el código que tenemos que insertar en nuestra aplicación facebook o pagina web si queremos mostrar el ‘me gusta’ en Español (cambiando la url de vuestra web).
<div id="fb-root"></div>
<script type="text/javascript">// <![CDATA[
(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/es_ES/all.js#appId=146527405442148&xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));
// ]]></script>
<div class="fb-like" data-href="los-horoscopos.com" data-send="true" data-width="450" data-show-faces="true"></div> |
Tag: Aplicacion Facebook