La Página Plugin le permite fácilmente incrustar y promover cualquier página de Facebook en su blog o sitio web. Al igual que en Facebook, los usuarios pueden recibir y compartir la página sin tener que salir de su sitio. La inserción del código es muy fácil de instalarla, basta con copiar un simple código y listo. 

¿Qué es la página de Facebook Plugin?

La Página Plugin de Facebook es en definitiva la sustitución de la caja de Facebook Like. Sin embargo, funciona exactamente igual que el anteriormente conocido como la Caja de seguidores.

Las funciones son las mismas, pero viene con capa extra de mejora de aspecto que también muestra la foto de portada de Facebook. Puede mostrar tus mensajes, páginas recientes, muestran algunas personas al azar que le gusta tu página, etc.

¿Por qué Facebook Widget son importantes?

Todo el mundo anhela para un blog tener mucho tráfico y millones de suscriptores. Facebook ahora allana el camino del sueño a la realidad. Widget de Facebook es la forma más valorada a atraer a los espectadores y obligándolos a convertirse en sus suscriptores. Ello permanente no sólo mantiene sus viejos fans atados a tu blog, también se ha observado blogs que tienen tales características están atrayendo a más seguidores cada día que pasa.

¿Cómo agregar la nueva Página Plugin de Facebook en Blogger?

Todo lo que tienes que hacer es seguir estos sencillos pasos: Primero tienes que visitar la página de Facebook Plugin. Ahí encontrarás algunas opciones para personalizar el aspecto de su página de plugin.

Agregar Page Plugin de Facebook en Blogger

Proporcione su dirección URL de página, seleccione el ancho y alto de la página de plugin. Puesto que, el plugin muestra la portada en el widget, puedes simplemente esconderlo de los plug-in en caso de que no deseas que aparezca. También puedes elegir si deseas mostrar tus mensajes últimos o no. Una vez que estés satisfecho con las personalizaciones debes pulsar el botón "Get Code" para continuar.

Agregar Page Plugin de Facebook en Blogger


Paso 1: Ve a "Plantilla", luego "Editar HTML".
Paso 2: Apreta las teclas "Ctrl + F" y busca.
12<body     ó      <body expr:class=

Paso 3: Justo debajo insertamos el código 1 que Facebook nos dió.

123456789<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_LA/sdk.js#xfbml=1&version=v2.4&appId=XXXXXXXX";
  fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

Paso 4: Reemplaza las "XXXXXXXX" por tu "App Id".
Paso 5: "Guardar Plantilla".
Paso 6: Ve a "Diseño".
Paso 7: En tu sidebar añade un nuevo gadget "HTML/Javascript".
Paso 8: Inserta el siguiente código (código 2 que Facebook nos dió):

1234567891011121314<div class="fb-page" data-href="https://www.facebook.com/XXXXXX" 
      data-tabs="timeline" 
      data-height="500" 
      data-small-header="true" 
      data-adapt-container-width="true" 
      data-hide-cover="false" 
      data-show-facepile="true">
      <div class="fb-xfbml-parse-ignore">
        <blockquote cite="https://www.facebook.com/XXXXXX">
          <a href="https://www.facebook.com/XXXXXX">XXXXXX</a>
        </blockquote>
      </div>
</div>

Paso 9: Reemplaza las "XXXXXX" por el nombre (usuario) de tu pagina de Facebook.
Paso 10: "Guardar".

(*) Nota: Si en el Paso 5 te aparece este error o similar:

Regresa al Paso 3 y reemplaza la linea 6 por la siguiente:

12js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&amp;version=v2.4&amp;appId=XXXXXXXX";

Fíjate que ahí se le ha aumentado:

12amp;

Espero que este post te haya sido de utilidad.

👉 ¿Te ha resultado útil este artículo?
💬 Déjame tu comentario abajo, 🔗 compártelo con quienes puedan aprovecharlo y únete a mi comunidad en redes sociales para no perderte ningún contenido de valor. ¡Tu apoyo nos ayuda a seguir creciendo juntos! 👇

Foto de Jorge Andrés Amaya

Jorge Andrés Amaya

Licenciado en Economía y Magíster en Administración. Apasionado de las herramientas digitales y los prompts IA.