Inserta un plugin social de Facebook en tu web fácilmente
Añadir un plugin social de Facebook en tu web o blog, como el botón “Me gusta” o el de las recomendaciones, es más sencillo de lo que crees. Y estarás dando la posibilidad de difundir tu contenido/servicio/producto en la red social más grande.
Añade Facebook a tu web/blog
Ya existen plugins para grandes plataformas CMS como Wordpress que te ayudan a incluir estos elementos, pero en este post voy a explicar la forma de hacerlo “a pelo”, es decir, tocando directamente el código de la página.
Lo primero que hay que hacer es establecer las directivas metas correspondientes en la cabecera de la página (entre las etiquetas <head> y </head>). Estas directivas le sirven a Facebook para saber cómo se llama el post, cómo se llama la web o el blog y una imagen para identificarlo. Si estás utilizando Wordpress, tendrás que editar el fichero del tema que tengas instalado que corresponda con la cabecera (normalmente llamado header.php).
<head>
...
<meta property="og:site_name" content="Nombre de tu web o blog" /> <meta property="og:title" content="Título de tu post o noticia" /> <meta property="fb_title" content="Título de tu post o noticia" /> <meta property="og:image" content="La url de una imagen para identificar el post" />
...
</head>
A continuación sólo te queda introducir el plugin en la parte de la página que desees. Tienes dos formas de hacerlo, introduciendo un código html a través de una etiqueta iframe, o utilizar una etiqueta fbml y javascript. En este ejemplo vamos a ver la primera de las maneras de introducir un botón “Me gusta”.
En esta página de Facebook puedes ver los distintos plugins que puedes insertar en tu página o blog. Si haces click en elsocial plugin del botón "Me gusta", tendrás un generador del código para este plugin.
Generador Social Plugin Botón "Me Gusta"
Sólo con indicarle unos cuantos datos obtienes el código a pegar en tu página. En nuestro caso copia el código del iframe generado y pégalo en el html de tu página y ya tendrás instalado el botón que difundirá tu contenido por Facebook.
Código Iframe Social Plugin Botón "Me Gusta"
Como puedes ver es bastante fácil insertar un plugin de este tipo en tu site, y con ello facilitas la difusión de tu contenido en Facebook.
¿Y tú, ya lo has hecho?
Efectivamente, muy sencillo pero no me aparecen las actualizaciones correctas en mi web, es decir, me aparecen comentarios de otras webs de facebook. Será que estoy poniendo otra URL en el espacio Domain?
no entiendo los de javascrip sdk para insertar el plug in de los comentarios, como funciona eso….
por favor expliquenme
es decir me refiero a ese javascrip sdk que se requiere
alguien puede decirme como hacer funcioar el plugin de comentarios facebook
el otro codigo que se genera para que es. el XFBML
Existen plug-ins en español? No escuentro ninguna. Algunas páginas lo tienen… pero solo veo en ingles.
muy bueno, me gusta.
EN QUE PARTE EXACTAMENTE DE LA PLANTILLA HTML COLOCO EL CODIGO GENERADO???? ..TRABAJOP CON BLOGSPOT Y ME SALEN MUCHOS PROBLEMAS A LA HORA DE GRABARLA
SV DRV SD
La pregunta es relativa al plugin de Comentarios de Facebook. ¿Se puede instalar en diferentes páginas de la misma web con diferentes temas de comentarios? Si es así ¿qué cambia en el código o el proceso? Gracias por anticipado
Hola yo tengo problemas para generar el codigo de connecto si algien me puede ayudar se lo tendira agradecido mi pagina es esta http://www.tutifruty.com/estrenos.php
Como se hace para que aparezca “Me gusta” en lugar de “I Like”?
No consigo hacerlo. Ayuda por favor. Gracias,
Yo también lo que busco es el plug in para poner comentarios.
saludos quisiera q m ayudaran por fa tengo una pagina wet por googl sites y e ido a la pagina de like box para crear el boton megusta, m crea el codio pero al añadirlo a la pagina m lo rechaza, lo he intentado carias veces q ya perdi la cuenta espero q m ayuen, xfa…
todo lo k dice wikipedia no puede ser cierto porque en algunis casoso se ekivoca