Compartir en Facebook

Compartir es una forma sencilla de permitir que otras personas traigan a Facebook contenido de tu sitio web o de tu aplicación para celulares. La acción de compartir se desencadena cuando alguien hace clic en un plugin social, como los botones "Compartir" o "Enviar". Esta acción abre el cuadro de diálogo de contenido compartido o de mensajes que corresponda. También puedes optar por diseñar tu propio botón para que se inicie uno de estos cuadros de diálogo o una interfaz para compartir personalizada.

En este documento se describen:

Ecosistema para compartir

La opción de compartir en Facebook depende de varios componentes básicos:

URL: en la mayoría de los casos, incluso al compartir desde aplicaciones para celulares, tu contenido se comparte en Facebook en forma de enlace, ya sea que se trate de un artículo, una imagen, un video u otro elemento.

Rastreador de Facebook: cuando alguien comparta tu contenido, nuestro rastreador extraerá la página para mostrar una vista previa en Facebook.

Etiquetas de Open Graph: si agregas metaetiquetas de Open Graph al elemento <head> del HTML de tu página web, proporcionarás al rastreador información estructurada, como un título, una descripción y una imagen en miniatura del contenido.

Interfaces para compartir: hay varias experiencias de usuario final entre las que puedes elegir para permitir que se comparta contenido en Facebook desde tu sitio web o aplicación. A continuación, se incluye información general sobre su funcionamiento:

Botón desencadenante Interfaz para compartir iniciada Comportamiento de publicación

Botón "Compartir"

Web:cuadro de diálogo de contenido compartido

Celulares: cambio rápido de la aplicación al cuadro de diálogo de contenido compartido nativo

Aparece en la biografía y en el registro de actividad.

Puede aparecer en la sección de noticias.

Botón "Enviar"

Web:cuadro de diálogo de mensajes

Celulares: cambio rápido de la aplicación al cuadro de diálogo de mensajes nativo

Se envía como mensaje de Facebook.

Botón personalizado

Puede iniciar:

Cuadro de diálogo de contenido compartido

Cuadro de diálogo de mensajes

Interfaz para compartir personalizada

Una interfaz para compartir personalizada que reproduce el comportamiento del cuadro de diálogo de contenido compartido a la hora de publicar.

Tipos de contenido

Es posible compartir los siguientes tipos de contenido en Facebook:

  • Enlaces: la mayor parte del contenido es una URL que hace referencia a una página HTML. Con el fin de proporcionar la información más relevante, marca la página con metaetiquetas específicas de Facebook. Consulta Guía para webmasters sobre el contenido compartido.

  • Fotos: sube directamente una o más fotos generadas por el usuario.

  • Videos: sube directamente un video generado por el usuario.

  • Elementos multimedia: sube directamente una combinación de fotos y videos.

  • Historias de Open Graph: utiliza acciones y objetos de Open Graph para crear historias atractivas mediante una API estrictamente verificada.

Puedes enlazar de vuelta a tu aplicación desde el contenido compartido en la sección de noticias. App Links permite iniciar tu aplicación desde el contenido compartido. Puedes incluso enlazar a un determinado contexto dentro de la aplicación.

Compartir citas

Puedes implementar dos tipos de opciones para compartir citas en tu aplicación: definida por el usuario o definida por el editor. La opción para compartir citas definida por el usuario permite destacar texto y compartirlo. La opción definida por el editor permite preseleccionar el texto que quieres compartir y colocar un botón "Compartir" junto a él.

Hashtags

Puedes asociar un hashtag al enlace, la foto o el video que compartes.

Formas de compartir

Queremos darles a los usuarios todas las facilidades y la flexibilidad posibles, con el fin de que compartan contenido desde tu aplicación con el público que quieran. Mediante estas opciones, puedes primero elegir la experiencia de los usuarios de tu aplicación que compartan contenido y, posteriormente, el método de implementación.

Elige desde opciones prediseñadas y predefinidas hasta una experiencia totalmente nativa y personalizada (o una opción intermedia), independientemente de la plataforma en la que esté disponible tu aplicación.

Botones

Si quieres integrar con Facebook la función de compartir de la forma más sencilla, utiliza los botones que desencadenan nuestros cuadros de diálogo. Los SDK de Facebook proporcionan botones que puedes usar. Ninguna de estas opciones requiere implementar el inicio de sesión con Facebook.

Web

Puedes utilizar plugins sociales, como los botones "Me gusta", "Compartir" y "Enviar". Estos botones están disponibles para la web móvil y computadoras.

Celulares

También contamos con botones "Me gusta", "Compartir" y "Enviar" nativos para iOS y Android.

Personalizado

Puedes crear tu propio botón personalizado "Me gusta", "Compartir" y "Enviar" en todas las plataformas.

Cuadros de diálogo nativos

Si utilizas los cuadros de diálogo nativos de Facebook, puedes activar la función de compartir sin necesidad de agregar el inicio de sesión con Facebook. Al igual que nuestros botones nativos, estos cuadros de diálogo están listos para usarse.

Cuadro de diálogo de contenido compartido

El cuadro de diálogo de contenido compartido permite compartir contenido de forma sencilla, sin necesidad de iniciar sesión en tu aplicación ni de conceder permisos. Funciona en la web, en Android y en iOS.

En los celulares, cuando alguien comparte mediante el cuadro de diálogo de contenido compartido, el cuadro de diálogo realiza un cambio rápido a la aplicación de Facebook en su dispositivo. También tenemos un cuadro de diálogo web de reserva en caso de que alguien no tenga instalada la aplicación de Facebook nativa.

Cuadro de diálogo de mensajes

Utiliza el cuadro de diálogo de mensajes para permitir que los usuarios compartan contenido con Messenger. Al igual que el cuadro de diálogo de contenido compartido, se trata de un componente nativo que no requiere que implementes el inicio de sesión con Facebook ni solicites el permiso publish_actions.

El cuadro de diálogo de mensajes permite compartir enlaces, imágenes e historias de Open Graph. En dispositivos móviles, alguien debe tener instalada la aplicación Messenger nativa.

Interfaz para compartir personalizada

Si quieres personalizar la experiencia de compartir en tu sitio web o aplicación, puedes crear tu propio botón para desencadenar nuestros cuadros de diálogo en todas las plataformas, o bien utilizar un botón personalizado y un cuadro de diálogo personalizado que llame a la API Graph.

Para agregar un cuadro de diálogo de contenido compartido personalizado en tu aplicación, debes implementar el inicio de sesión con Facebook. También debes solicitar el permiso publish_actions, que requiere la revisión del inicio de sesión.

Optimizar el contenido

Marcado

Es importante que marques el HTML de tu sitio web con etiquetas de Open Graph, con el fin de administrar cómo aparece tu contenido en Facebook. Sin estas etiquetas, el rastreador de Facebook hará todo lo posible por identificar contenido como títulos, descripciones e imágenes.

Con el fin de optimizar tu contenido para compartirlo en Facebook, agrega etiquetas de Open Graph al elemento <head> del HTML de tu página. Estas etiquetas describen el contenido compartido, incluidos el tipo de contenido (imagen, video o artículo) y otros atributos.

Para obtener información sobre las etiquetas que debes incluir con tu contenido, consulta Marcado para compartir.

Actualizar las URL

Si mueves contenido a una nueva URL, los Me gusta, las veces que se compartió y los comentarios de la URL original no migrarán automáticamente. Para seguir agrupando estas acciones en una nueva URL, debes señalar al rastreador de Facebook la página antigua que representa la URL canónica de tu contenido. Puedes obtener más información en este documento para los webmaster.