CĂłmo insertar un contador de Me Gusta de Facebook en tu web (2026)

Si buscas cómo poner un contador de «Me gusta» de Facebook en tu web, tengo que darte una noticia antes de nada: el método clásico dejó de funcionar. Meta retiró el botón de «Me gusta» para webs externas el 10 de febrero de 2026, así que cualquier tutorial que te mande instalar ese botón — incluido el que tenías guardado, o el que encuentres en otros sitios sin fecha de 2026 — te va a dejar un hueco invisible en la página.

Aquí te explico qué sigue funcionando hoy, cómo instalarlo paso a paso y qué alternativas tienes si quieres más control sobre el diseño.

Qué pasó con el botón de Me Gusta de Facebook

Hasta hace poco, la forma más simple de mostrar un contador de «me gusta» era usar el botón «Me gusta» que Facebook ofrecía para webs de terceros, muchas veces envuelto en un plugin jQuery (como LiveLike) para personalizarlo. Meta anunció en noviembre de 2025 que retiraba ese botón y el plugin de comentarios para sitios externos, y lo ejecutó el 10 de febrero de 2026.

No da un error visible: Meta explicó que el elemento «se degrada de forma elegante», renderizándose como un bloque invisible de 0×0 píxeles. Es decir, tu web sigue cargando con normalidad, pero el contador simplemente no aparece — y si no lo compruebas, puedes tardar meses en notarlo.

Si tienes el botón de «Me gusta» o un plugin jQuery de terceros instalado desde antes de 2026, entra en tu web y comprueba si sigue mostrándose. Lo más probable es que ya no se vea.

El Page Plugin: la opciĂłn oficial que sigue funcionando

Lo que Meta no ha retirado es el Page Plugin: el widget que embebe la caja completa de tu página de Facebook (foto de portada, número de seguidores y publicaciones recientes), no solo un botón suelto. Sigue siendo gratis y no requiere cuenta de desarrollador ni App ID para la versión básica.

Tiene limitaciones que conviene conocer antes de instalarlo: viene en una caja de ancho fijo (entre 180 y 500 píxeles) sin apenas opciones de personalizar tipografías o colores, no se adapta bien a pantallas de móvil una vez cargado, y puede ralentizar la carga de la página si dejas que muestre publicaciones sin límite. Aun con eso, para la mayoría de webs es la opción más rápida de poner en marcha.

CĂłmo instalarlo paso a paso

  1. Carga el SDK de JavaScript de Facebook justo después de la etiqueta de apertura <body>.
  2. Añade un contenedor <div id="fb-root"></div> antes del SDK.
  3. Coloca el bloque <div class="fb-page"> donde quieras que aparezca el widget, con la URL de tu página en data-href.
  4. Ajusta data-width, data-height y data-tabs a tu gusto y publica.
<div id="fb-root"></div>
<script async defer crossorigin="anonymous"
  src="https://connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v19.0">
</script>

<div class="fb-page"
  data-href="https://www.facebook.com/facebook"
  data-tabs="timeline"
  data-width="380"
  data-height="500"
  data-small-header="false"
  data-adapt-container-width="true"
  data-hide-cover="false"
  data-show-facepile="true">
</div>

Sustituye data-href por la URL de tu propia página de Facebook (el ejemplo usa la página oficial de Facebook solo para ilustrar el código). En WordPress puedes pegar este bloque en un widget HTML personalizado o directamente en el contenido de la página, dentro de un bloque de «HTML personalizado».

Alternativas con más control de diseño

Si el Page Plugin se te queda corto — porque necesitas que encaje con los colores de tu marca, que se vea bien en móvil o que cargue más rápido — hay plugins de WordPress que sustituyen el iframe de Meta por un feed autoalojado, con más opciones de estilo.

  • Custom Facebook Feed (Smash Balloon): plugin gratuito en el repositorio oficial de WordPress, con una versiĂłn Pro de pago que añade más plantillas y opciones de personalizaciĂłn.
  • Elfsight: constructor de widgets sociales configurable desde su panel, sin tocar cĂłdigo, con plan gratuito limitado y planes de pago segĂşn el uso.

¿Quieres un feed de Facebook más personalizable que el Page Plugin? Herramientas como Smash Balloon sustituyen el iframe de Meta por un feed autoalojado, con control total de ancho, colores y número de publicaciones.

¿Cuál elegir según tu web?

Mi recomendación honesta: si solo quieres algo rápido y gratis, y no te importa la caja fija de Facebook, el Page Plugin te resuelve el trámite en cinco minutos. Si tu web tiene una identidad visual cuidada y ese recuadro genérico de Meta desentona, o si el rendimiento en móvil te preocupa, invertir en Custom Facebook Feed o Elfsight se nota. Y si lo que de verdad buscabas era solo «presumir» de me gustas — te lo digo claro: ese dato concreto ya no se puede mostrar de forma independiente desde que Meta retiró el botón, ni con el Page Plugin ni con estas alternativas; lo que sí puedes mostrar es tu página completa, con sus publicaciones y su número de seguidores.

Preguntas frecuentes

¿Por qué mi contador de Me Gusta de Facebook dejó de aparecer?

Porque Meta retiró el botón de «Me gusta» para webs externas el 10 de febrero de 2026. Desde entonces se renderiza como un elemento invisible en vez de dar un error, así que puede pasar desapercibido durante meses.

ÂżEl Page Plugin de Facebook es gratis?

Sí, es gratuito y no necesita cuenta de desarrollador para la versión básica que muestra portada, seguidores y publicaciones de tu página.

¿Cuál es la diferencia entre «me gusta» y «seguidores» en Facebook?

Meta unificó ambas métricas hace tiempo: hoy el Page Plugin muestra el número de seguidores de tu página, que es el dato equivalente al antiguo contador de «me gusta».

ÂżHay alguna forma de mostrar solo el nĂşmero, sin el resto del widget?

No de forma oficial y gratuita. El Page Plugin siempre muestra la caja completa (portada, seguidores y publicaciones); para un contador aislado necesitarías la API de Facebook con un token de acceso de página, algo bastante más técnico que instalar un widget.

Recibe los prĂłximos tutoriales y recursos de desarrollo web

Cada vez que publico un tutorial o una selecciĂłn de recursos nueva, aviso primero por correo. ApĂşntate y te llega directo.

Más recursos relacionados

Actualizo esta guía cada vez que Meta cambia algo relevante, así que si vuelves dentro de unos meses, la encontrarás al día.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio