open - og:image facebook
Facebook y twitter comparten para web móvil. (4)
La URL está bien, pero necesitas hacer algún trabajo en tu servidor para que Facebook realmente se vea decente. Facebook ahora usa "Open Graph", que le permite agregar etiquetas especiales a su página web que Facebook entiende. Puede definir qué tipos de medios hay en la página, incluso agregar sus propios objetos con las definiciones que cree dentro de su aplicación de Facebook. El enlace a la página de objetos Open Graph del desarrollador está Here .
Una muestra de Open Graph en una página de detalles podría verse así:
<meta property="fb:app_id" content="YOUR FACEBOOK_APP_ID }}" />
<meta property="og:url" content="The URL that this page is on" />
<meta property="og:site_name" content="Your domain" />
<meta property="og:title" content="Title of your page" />
<meta property="og:type" content="This is very important - it is how
Facebook refers to your post. Image, video, text, etc. Even custom stuff is
possible" />
<meta property="og:image" content="image url for facebook to display on
the user''s wall" />
<meta property="og:determiner" content="auto" />
<meta property="og:description" content="A description you want with this
content" />
Y así. Todo esto va en el <head> de la página de la URL real que está suministrando a Facebook. Entonces Facebook lo traducirá en la publicación correspondiente. Además, debe configurar Open Graph en la página del desarrollador de aplicaciones, para que Facebook sepa que debe buscar las etiquetas og :. Es complicado, pero funciona.
¡Buena suerte!
¿Existe una URL especial para compartir en Facebook y Twitter para dispositivos móviles? ¿O son los mismos que los de los sitios web?
Utilizando
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<a href="javascript:return false;" rel="nofollow" onclick="window.open(''https://twitter.com/share?text=sometext&url=someurl'', ''Twitter'', ''toolbar=0,status=0,width=626,height=436'')">Twitter</a>
para Twitter y
<script>
function fbs_click()
{
u=''www.something'';
t=''title'';
window.open(''http://www.facebook.com/sharer/sharer.php?u=''+encodeURIComponent(u)+''&t=''+encodeURIComponent(t),''sharer'',''toolbar=0,status=0,width=626,height=436'');
return false;
}
</script>
<a rel="nofollow" href="http://www.facebook.com/sharer/sharer.php?u=someurl" onclick="return fbs_click()" target="_blank" class="">Facebook</a>
para facebook
Su implementación de uso compartido debería ser la misma y debería funcionar siempre y cuando sus usuarios móviles tengan dispositivos con capacidad o que muestren JavaScript. De lo contrario, puede utilizar la URL de cada plataforma para compartir dentro de un enlace, el único problema es que la devolución de llamada los redirige a Twitter o Facebook y tendrán que volver manualmente a su sitio. Los enlaces son los siguientes:
Compartir en Facebook:
http://m.facebook.com/sharer.php?u=<urlencoded url>t=<urlencoded title>
Por ejemplo:
http://m.facebook.com/sharer.php?u=http://www.google.com
Actualización del estado en Twitter:
http://mobile.twitter.com/home?status=<urlencoded status>
Un par de notas sobre la respuesta de Simpleton.
La URL http://m.facebook.com/sharer.php puede no ser lo que desea. El sitio que proporcione en el parámetro de consulta u debe tener algunas etiquetas en la página para que la página compartida sea interesante. Solo intente poner otra URL allí que no sea Google para ver a qué me refiero. Nunca pude realmente descubrir lo que está buscando en la página del sitio para mostrar algo útil en su página compartida. No vi ninguna forma de proporcionar información adicional sobre el sitio que está compartiendo.
El parámetro de consulta t ya no es leído por facebook por lo que pude ver
Descubrí que el diálogo de la fuente de Facebook era una mejor alternativa para compartir (https://developers.facebook.com/docs/reference/dialogs/feed/). Vea el ejemplo en la parte inferior de esa página para la información que puede compartir. Pega esa URL de ejemplo en tu navegador para ver cómo se ve. Puedes jugar con los parámetros para ver qué controla cada parámetro en la publicación. Por ejemplo, si no proporciona el parámetro de título, parece que la URL base del parámetro de enlace se usa en su lugar. Para utilizar el enfoque de diálogo de feed, debe registrar su aplicación en Facebook para obtener un app_id que deberá incluir en la URL del diálogo de feed. También asocia su aplicación con una URL de sitio web, que también utiliza en la URL de diálogo de feed. Si desea que Facebook le sirva una página compatible con dispositivos móviles, agregue y muestre = toque hasta el final de la URL del cuadro de diálogo de la fuente. Por último, debe proporcionar el parámetro redirect_uri donde se redirigirá al usuario (con el ID de publicación incluido como un parámetro de consulta), por lo que debe tener algo en esa URL para manejar la respuesta.
Con respecto a la URL http://mobile.twitter.com/home?status , aprendí un par de cosas: primero, cualquier URL incluida en el estado no se acortará (bummer); en segundo lugar, si su estado incluye comillas simples, se codificarán como ''(código de entidad HTML) pero no se descodificarán cuando publique el tweet. Sin embargo, esto no sucede si está publicando a través del escritorio, utilizando la misma URL. Puedes ver lo que quiero decir al probar la siguiente URL desde tu iPhone (estaba usando Safari en iPhone) y luego desde tu escritorio (estaba usando Safari):
http://mobile.twitter.com/home?status=Wayne''s%20World
Tenga en cuenta que hago una codificación de Java en el estado, pero las comillas simples no son generalmente caracteres codificables por la mayoría de los codificadores de URL / I. Hay algunos que reemplazarán la comilla simple con un% 27, pero intenté insertarlo manualmente y aún no se descodificó en el texto de estado.
Espero que esta información ayude a que alguien venga aquí en busca de opciones simples para compartir de Facebook y Twitter.
Twitter : así es como resolví el tweet por url para todos los dispositivos / navegadores:
http://twitter.com/intent/tweet?text= + encodeURIComponent(tweet);
encodeURIComponent - es una función javascript incorporada, explicada here .
El '' http://mobile.twitter.com/home?status= '' no es compatible, y obtendrá problemas de codificación cuando Twitter solicite un inicio de sesión.
Facebook : para compartir en Facebook usé el ejemplo de la API de Facebook