depurer - Desea título personalizado/imagen/descripción en Facebook compartir enlace desde una aplicación flash

open graph facebook

Question

Posible duplicado:
¿Cómo selecciona Facebook Sharer Images?

Estoy haciendo una aplicación flash que demuestra lesiones potenciales de tráfico cuando se conduce a diferentes velocidades. Quiero que el usuario pueda compartir esta información en Facebook. Sin embargo, esto exige que pueda personalizar el texto que aparecerá en Facebook de alguna manera.

Estoy creando una url que se abre en una ventana en blanco (desde la aplicación flash en sí). Especifico los parámetros uyt, poniendo el mensaje generado como el parámetro t. Pero esto parece siempre ser anulado por el título de las páginas. Si omito la etiqueta del título del código html, se utiliza el nombre del archivo (también anula el título especificado).

http://www.facebook.com/sharer.php?u=http://espentokerud.com/face/addiste.html&t=test;

También intenté url-codificación de la url, pero fue en vano.

http://www.facebook.com/sharer.php?u=http%3a%2f%2fespentokerud.com%2fface%2faddiste.html&t=test;

También intenté usar la API addthis, pero experimenté las mismas deficiencias. Lo curioso es que si publico un swf, el título y la descripción se pueden personalizar, y también es posible especificar una captura de pantalla. Pero si no publico un swf, esto parece ser ignorado.

Soy consciente de que puedo usar metaetiquetas en la página html para especificar la imagen en miniatura, el título y la descripción, pero parte de este contenido debe basarse en cálculos dentro de la aplicación flash.

Answer 1

Creo que este sitio tiene la solución, lo probaré ahora. Parece que Facebook ha cambiado los parámetros de share.php, por lo que, para personalizar el texto y las imágenes de la ventana compartida, debes poner los parámetros en una matriz "p".

http://www.daddydesign.com/wordpress/how-to-create-a-custom-facebook-share-button-for-your-iframe-tab/

Echale un vistazo.

Answer 2

De hecho, tengo un problema similar. Tengo una página con múltiples botones de radio; cada botón configurará las metaetiquetas de título y descripción de la página, a través de JavaScript al cambiar.

Por ejemplo, si los usuarios seleccionan el primer botón, las metaetiquetas dirán:

<meta name="title" content="First Title">
<meta name="description" content="First Description">

Si el usuario selecciona el segundo botón, esto cambia las metaetiquetas a:

<meta name="title" content="Second Title">
<meta name="description" content="Second Description">

... y así. He confirmado que el código funciona bien a través de Firebug (es decir, puedo ver que esas dos etiquetas se cambiaron correctamente).

Aparentemente, Facebook Share solo obtiene las metaetiquetas de título y descripción que están disponibles al cargar la página. Los cambios en esas dos etiquetas de carga de la página se ignoran por completo.

¿Alguien tiene alguna idea sobre cómo resolver esto? Es decir, forzar a Facebook a obtener los últimos valores que cambian después de que se carga la página.

Answer 3

No puedes, simplemente no lo admite.

Tengo que preguntar, ¿por qué esos cálculos deben suceder solo dentro de la aplicación flash?

Tienes que navegar hacia una URL que se relaciona claramente con los metadatos que obtienes de la aplicación flash. De lo contrario, ¿cómo sabría la aplicación flash para obtener los valores según la URL que aciertes?

Las opciones son:

• calcular en la página: al servir la página, debe hacer esos mismos cálculos en el servidor y enviar el título, etc. en los metadatos de la página.
• envíe metadatos en la cadena de consulta a su sitio : si realmente debe mantener el cálculo fuera del servidor, un truco alternativo sería establecer explícitamente los metadatos en la URL que los usuarios hacen clic para acceder a su sitio desde Facebook. Al procesar la página, simplemente cópiela nuevamente en las secciones de metadatos (no olvide codificar de forma adecuada). Eso está claramente limitado debido a las restricciones de tamaño de la URL.
• envíe los resultados del cálculo en la cadena de consulta a su sitio: si esos cálculos solo le dan un par de números que se usan en los metadatos, podría incluir solo eso en la cadena de consulta de la URL a la que los usuarios hacen clic de nuevo en su sitio. Es más probable que no le dé problemas con los tamaños de URL.

re

¿Por qué está esto votado? Está incorrecto. PUEDE - ES SOPORTADO para agregar título personalizado, descripción e imágenes a su participación. Lo hago todo el tiempo. - Dustin Fineout hace 3 horas

El OP dijo muy claramente que él ya sabía que podía servir eso desde una página, pero quería pasar los valores directamente a Facebook (no a través de la página de destino).

Además, tenga en cuenta que di 3 opciones diferentes para solucionar el problema, una de las cuales fue lo que publicó como respuesta más adelante. Su opción no es cómo el OP estaba tratando de hacerlo, es solo una solución debido a las restricciones de Facebook.

Finalmente, tal como lo hice, debe mencionar que la solución en particular es defectuosa porque puede acceder fácilmente a la restricción de tamaño de la URL.

Answer 4

Tengo un Módulo de Joomla que muestra cosas ... y quiero poder compartir esas cosas en Facebook y no la meta descripción del título de la página ... así que mi solución es tener un archivo .php secreto en el servidor que se ejecuta cuando detecta los FB

$_SERVER[''HTTP_USER_AGENT'']

if($_SERVER[''HTTP_USER_AGENT''] != ''facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)'') {
    echo ''Direct Access'';
} else {
    echo ''FB Accessed'';
}

y pase variables con la URL que formatea esa página en particular con el título y la metadescripción del artículo que quiero compartir desde mi módulo joomla ...

un name="fb_share" share_url="MYURL/sharer.php?title=TITLE&desc=DESC"

espero que esto ayude...

Answer 5

Tuve el mismo problema hace una semana.

Antes que nada, noté que su URL tiene un ampersand que precede a la cadena de parámetros, pero probablemente necesite un signo de interrogación para comenzar la cadena de parámetros, seguido de un signo de unión entre cada parámetro adicional.

Ahora, necesita escapar de su URL, pero también evitar los parámetros de URL (título u otro contenido que necesita para proporcionar contenido en el recurso compartido) que está pasando a la URL, de la siguiente manera:

var myParams = ''t='' + escape(''Some title here.'') + ''&id='' + escape(''some content ID or any other value I want to load'');
var fooBar = ''http://www.facebook.com/share.php?u='' + escape(''http://foobar.com/superDuperSharingPage.php?'' + myParams);

Ahora, debe crear el superDuperSharingPage.php anteriormente vinculado, que debe proporcionar el título dinámico, la descripción y el contenido de la imagen que desee. Algo como esto debería ser suficiente:

<?php
    // get our URL query parameters
    $title = $_GET[''t''];
    $id = $_GET[''id''];
    // maybe we want to load some content with the id I''ll pretend we loaded a
    // description from some database in the sky which is magically arranged thusly:
    $desciption = $databaseInTheSky[$id][''description''];
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title><?php echo $title;?></title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="title" content="<?php echo $title;?>" />
  <meta name="description" content="<?php echo $desciption;?>" />
  <!-- the following line redirects to wherever we want the USER to land -->
  <!-- Facebook won''t follow it. you may or may not actually want || need this. -->
  <meta http-equiv="refresh" content="1;URL=http://foobar.com" />
</head>
<body>
  <p><?php echo $desciption;?></p>
  <p><img src="image_a_<?php echo $id;?>.jpg" alt="Alt tags are always a good idea." /></p>
  <p><img src="image_b_<?php echo $id;?>.jpg" alt="Make the web more accessible to the blind!" /></p>
</body>
</html>

Déjame saber si esto funciona para ti, es esencialmente lo que hizo para mí :)

Answer 6

Actualización 2016

Use el Depurador de uso compartido para descubrir cuáles son sus problemas.

Asegúrate de estar siguiendo las Mejores prácticas de uso compartido de Facebook.

Asegúrate de estar usando correctamente el marcado de Open Graph .

Respuesta original

Estoy de acuerdo con lo que ya se ha dicho aquí, pero según la documentación en el sitio del desarrollador de Facebook , es posible que desee utilizar las siguientes metaetiquetas.

<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />

Si no puede lograr su objetivo con metaetiquetas y necesita una versión incrustada de URL, consulte la respuesta de @Lelis718 a continuación .