Integrar tu comunidad de Facebook con tu sitio o blog institucional es un aspecto esencial a tener en cuenta en marketing digital, que te permitirá lograr una sinergia entre tu página web y tu perfil social.
Algunas de las ventajas principales: la posibilidad de aumentar fans desde tu página, recibir mensajes , o disponer contenido atractivo y actualizado, ya que si bien tu página web puede tener contenido estático, integrarla con Facebook te permitirá aportar novedades y dinamismo desde el timeline sin necesidad de realizar cambio alguno.
A continuación te explicamos cómo puedes lograrlo, algunos tips no tan conocidos, y por último como puedes realizarlo dentro de la plataforma de SitioSimple.
Breve glosario antes de comenzar:
Facebook Page Plugin
Componente de software desarrollado por Facebook que permite la integración con tu web.
JavaScript SDK de Facebook
Es un fragmento de código proporcionado por Facebook que debes insertar en cada página donde desees incorporar el “Page Plugin”, dentro de la sección “Body” de tu código HTML. Lo realizarás una sola vez en cada página. En caso que utilices SitioSimple, esta operación no es necesaria ya que lo incorpora en forma automática la aplicación. Para tu curiosidad, SDK son las iniciales de Software Development kit.
Llamada al Plugin
Es un fragmento HTML, nuevamente proporcionado por Facebook, que debes incluir exactamente en cada lugar donde desees que se vea.
Timeline
Es simplemente tu “biografía” de Facebook, es decir, el conjunto de tus propias publicaciones, las de tus amigos, y las historias en que se etiquetó.
Page Plugin Tabs
Facebook dispone de 1 a 3 tabs que puedes disponer. El famoso timeline es sólo uno de ellos. Más abajo detallamos los restantes.
Cómo incluir Facebook Page Plugin en tu web
Obtén el código de Facebook.
Ingresa a https://developers.facebook.com/docs/plugins/page-plugin.
Algo importante a tener en cuenta es que no precisas permisos de administración para realizar esta operación. Inclusive puedes hacerla para cualquier sitio web, aunque no sea el tuyo. Es decir, si consideras que agrega valor adicionar el page plugin de Facebook de un diario o revista digital en tu sitio, puedes colocarlo.
Con agregar la URL de la fanpage, y luego oprimir “GetCode”, ya es suficiente. De todas formas a continuación te brindaremos algunos trucos que pueden ser fundamentales para tus objetivos de negocio, o las experiencias de tus usuarios
Coloca los códigos dentro de tu HTML
Tanto el Javascript SDK como el código HTML.
SitioSimple dispone de una interfaz gráfica muy sencilla para esta operación, que te evitará lidiar con HTML, y no te exige conocimiento técnico alguno. Al final de este post te mostramos cómo.
Funcionalidades avanzadas de Facebook Page Plugin.
Muestra tu evento creado en Facebook en tu Sitio Web
Si creaste un evento, como en este caso un desfile de Moda, puedes promocionarlo en tu sitio web, y aumentarás la posibilidad de tener asistentes, o que éste sea difundido y viralizado. En otras palabras, ya no estarás restringido a tu comunidad en Facebook para el éxito del evento, sino que aprovecharás a todos tus visitantes web.
Para eso, en tabs, en lugar del default “timeline”, coloca “events”…O bien puedes combinarlos separados por coma, e incluir ambos: “events,timeline”
Recibe contactos desde tu Facebook Messenger
¿Quieres recibir contactos y responderlos lo más rápido posible durante todo el día? Seguramente contestar desde la aplicación Messenger en tu móvil sea una alternativa ideal para esto. Facebook Page plugin lo resuelve.
En tabs, agrega ahora, “messages” y alcanzarás este objetivo.
Configuraciones Adicionales
Facebook Page Plugin tiene varias funcionalidades adicionales:
- Ocultar o mostrar los amigos del visitante que siguen la página
- Ocultar o mostrar la portada de tu fanpage
- El ancho y largo que desees que ocupe en tu página web , o bien permitir que se adapte al contenedor , con un mínimo de 180 pixels y un máximo de 500.
Como puedes incorporar Facebook Page Plugin en SitioSimple
Hemos simplificado esta operación al máximo, para que no precises lidiar con código HTML, y puedas realizarlo rápidamente y sin margen de error
1. Crea o edita una página en tu SitioSimple.
2. Busca allí el control de Facebook Page dentro del grupo de controles Social:
3. Arrastra el control Facebook Page a tu página. Puede ir dentro de cajas, columnas, etc…
4. Edita el control de Facebook Page, y podrás ingresar tu código de facebook.
¡Recuerda que no precisas insertar el SDK de Facebook! Ya que SitioSimple lo realiza por tí.
Esteban says:
Hola, muchas gracias por el tutorial… Me ha servido de gran ayuda y he conseguido añadir los comentarios de facebook en mi web: https://www.megatienda.net ha quedado perfectamente integrado, asi que te estoy muy agredecido… Un saludo
jonathan says:
Felicitaciones,
muchas gracias por su real aporte me sirvió mucho
mil gracias
Lautaro says:
Perdon! Excelente post!
Lautaro says:
Instagram tambien se puede hacer lo mismo?
vanessa says:
Excelente, muchas gracias!
Enrique says:
¿Pero cómo inserto los códigos en el HTML? Help!
Ivana Nazareno says:
Hola Enrique? Pudiste resoverlo? Si no es así escríbeme a blog@sitiosimple.com para poder asesorarte, saludos !
Marco Ensignia says:
Ivana, te felicito, escribes muy bien.
Ivana Nazareno says:
Gracias por leer y tus comentarios 🙂
gabriel says:
Muy bueno, mi pregunta seria como hacer para lograr filtrar los post que quiera mostrar de un sitio, por ejemplo solo los que tengan una cierta busqueda de un tema
María Alfaro Mata says:
Esto me parece demasiado genial… peero, hay alguna razón x la que a pesar de que copié todo y lo pegué justo como decían no me funciona? 🙁
Ivana Nazareno says:
Hola María, que bueno que te guste ! Derivé tus contactos al equipo técnico para que te respondan personalmente. Saludos !
Francisco Gonzalez Antivilo says:
Ivana siempre es útil lo que escribís. Felicitaciones!
Ivana Nazareno says:
Hola Francisco ! Muchas gracias por leernos y tus palabras, que tengas un excelente 2016 !
Cristian says:
¡Muy útil! Muchas gracias.
Ivana Nazareno says:
Hola Cristian, muchas gracias a tí por comentarnos