Compartir en Facebook

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

En este documento se describen:

Ecosistema para compartir

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

URL: en la mayoría de los casos, incluido al compartir desde aplicaciones para móviles, tu contenido se comparte en Facebook en forma de enlace, ya sea un artículo, una imagen, un vídeo, etcétera.

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 añades metaetiquetas de Open Graph al elemento <head> del código 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 figura información general sobre su funcionamiento:

Botón activador Interfaz para compartir que se inicia Comportamiento de publicación

Botón "Compartir"

Web:cuadro de diálogo de contenido compartido.

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

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.

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

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

Interfaz 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. Para proporcionar la información más relevante, marca la página con metaetiquetas específicas de Facebook. Consulta Guía para administradores de web sobre el contenido compartido.

  • Fotos: sube directamente una o varias fotos generadas por el usuario.

  • Vídeos: sube directamente un vídeo generado por el usuario.

  • Elementos multimedia: sube directamente una combinación de fotos y vídeos.

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

Puedes enlazar a tu aplicación desde el contenido compartido en la sección de noticias. Los enlaces de aplicaciones permiten 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 vídeo que compartas.

Formas de compartir

Queremos que las personas tengan todas las facilidades y flexibilidad posibles para compartir contenido desde tu aplicación con el público que quieran. Con las siguientes opciones, puedes primero elegir la experiencia que quieres proporcionar a las personas que compartan contenido desde tu aplicación y, posteriormente, el método de implementación.

Para ello, puedes elegir entre opciones prediseñadas y predeterminadas, crear una experiencia totalmente nativa y personalizada, o combinar ambos enfoques independientemente de la plataforma en la que esté disponible tu aplicación.

Botones

Si quieres integrar con Facebook la acción de compartir de la forma más sencilla, utiliza los botones que activan 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 versiones web en ordenadores y móviles.

Móviles

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

Personalizado

También 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 acción de compartir sin necesidad de añadir 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 dispositivos móviles, cuando alguien comparte utilizando el cuadro de diálogo de contenido compartido, el cuadro de diálogo realiza un cambio rápido a la aplicación de Facebook de su dispositivo. También tenemos un cuadro de diálogo web de reserva en caso de que alguien no tenga descargada la aplicación de Facebook nativa.

Cuadro de diálogo de mensajes

Utiliza el cuadro de diálogo de mensajes para permitir que las personas compartan contenido en Messenger de forma privada. 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, se 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 activar 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 añadir un cuadro de diálogo personalizado de contenido compartido 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 gestionar 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, añade etiquetas de Open Graph a la sección <head> del HTML de tu página. Estas etiquetas describen el contenido compartido, incluidos el tipo (imagen, vídeo o artículo) y otros atributos adicionales.

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

Actualizar URL

Si mueves contenido a una nueva URL, los Me gusta, las veces que se ha compartido contenido y los comentarios que contiene la URL original no migrarán automáticamente. Para agrupar 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 administradores de web.