Compartir Socios Vuelve a Acerca de Facebook
Add a link or button to your site to make it easier for your content to be shared on Facebook. Copy and paste the following code blocks into your site and replace <url> with the link you want to Share.
Vínculo Solamente
Enlace e Imagen
Vínculos e Imágenes con estilo
¿Cómo puedo estar seguro que la vista previa en Compartir funciona?Asegurándose que la vista previa funciona (Para Colaboradores Avanzados)
Mientras estés en ello, también deberías asegurarte de que Facebook siempre tenga una buena vista preeliminar de tu página cuando los usuarios intenten compartirla.
El vínculo que te proveemos transfiere el URL de tu página a nuestros servidores, los cuales a su vez buscan ciertas etiquetas html dentro de la página. Estas etiquetas se utilizan para mostrar una previsualización de la página. Para poder ofrecer dicha previsualización, siempre buscamos el título de la página, un resumen de su contenido principal y una imagen. Si hay contenido multimedia en la página, es importante también identificar dichos archivos multimedia.
Etiquetas básicas
Para asegurarte de que la previsualización esté siempre correctamente poblada, deberías agregar las etiquetas mostradas debajo de tu html. Una historia de noticias de ejemplo podría tener lo siguiente:
<meta name="description" content="John Smith claims beautiful football is the main legacy of Akhil Wable's decade at the club. " />
<link rel="image_src" href="http://www.onjd.com/design05/images/PH2/WableAFC205.jpg" />
Como se muestra, el título contiene una vista previa del título, la descripción contiene una vista previa del resumen y image_src contiene una vista previa de la imagen. Por favor asegúrese de que ninguno de los campos de contenido tenga margen HTML porque será removido. Para ayudar a la consistencia, por favor use la etiqueta <meta> para introducir datos de texto para la vista previa, y la etiqueta <link> para colocar cualquier sitio web fuente.
Las etiquetas de título y resumen son los requisitos mínimos para cualquier visualización, así que asegúrate de incluir las dos.
Etiqueta de tipo medio
debes especificar el tipo de contenido siendo compartido usando la siguiente etiqueta:
Valores válidos para medium_type son "audio", "image", "video", "news", "blog" y "mult".
Tags Multimediales
The ideal way for you to connect video and media files to the share link is to make the URL in the link point to an html page that contains the <meta>/<link> tags described above (title, description, image_src) along with some additional <meta>/<link> tags:
Audio (requerido)
<meta name="description" content="audio_description" />
<link rel="image_src" href="audio_image_src url (eg. album art)" />
<link rel="audio_src" href="audio_src url" />
<meta name="audio_type" content="Content-Type header field" />
Sonido (opcional)
<meta name="audio_artist" content="audio_artist_name" />
<meta name="audio_album" content="audio_album_name" />
Video* (requerido)
<meta name="description" content="video_description" />
<link rel="image_src" href="video_screenshot_image_src url" />
<link rel="video_src" href="video_src url"/>*
<meta name="video_height" content="video_height" />
<meta name="video_width" content="video_width" />
<meta name="video_type" content="Content-Type header field" />
Video (ejemplo)
Ejemplo para integrar Flash Video:
Para ese video, los metadatos apropiados se verían así:
<meta name="video_height" content="200" />
<meta name="video_width" content="300" />
<meta name="video_type" content="application/x-shockwave-flash" />
También puedes usar estas etiquetas de video para otros contenidos multimedia si estas etiquetas describen completamente el contenido que quieres compartir. Asegúrate de utilizar la etiqueta del tipo de medio descrita arriba para establecer el tipo correcto del medio si utilizas estas etiquetas para otra cosa que no sea video.
* Para hacer tus videos visibles en Facebook, por favor manda una petición a developers-help@facebook.com. Esta petición debe incluir los nombres de dominio de los valores que usaras para la URL fuente del video (en la etiqueta video_src del enlance superior). Debes hacer esto para asegurar que tus videos se reproduzcan correctamente.