type tutorial siguientes propiedades open obligatorias las faltan app_id facebook facebook-graph-api facebook-javascript-sdk facebook-apps facebook-sharer

tutorial - Agregue un nombre personalizado, título, imagen, descripción al nuevo cuadro de diálogo Compartir Facebook o historias personalizadas que no los incluyan



og:type (5)

Solo estoy trabajando en un script de prueba. Por lo tanto, quiero compartir los resultados de una prueba y no los og metadatos.

Sé que es posible usar la antigua acción de feed FB.ui, agregar un nombre personalizado, un pie de foto, una descripción y un mensaje en lugar de compartir una url. P.ej:

FB.ui({ method: ''feed'', href: url, name: name, caption: title, description: des, message: message, picture: img, }, function(response){});

Sin embargo, creo que esto va a ser desaprobado pronto?

¿Es esto posible con la nueva aplicación api también? ¿O puedo hacer esto con historias personalizadas? ¿Cómo? Estoy buscando algo así como

FB.ui({ method: ''share'', href: url, name: name, caption: title, description: des, message: message, picture: img, }, function(response){});

Pero esto no está funcionando: / solo toma el href. Todo lo demás se ignora y no se llena previamente :(

¿Hay alguna forma recomendada o recomendada por Facebook para hacer esto?

Documentos de la API: https://developers.facebook.com/docs/sharing/reference/share-dialog

Gracias. Realmente aprecio tu ayuda


Creo que su URL href debe usar metadatos para que Facebook pueda obtener esas informaciones.

De la página de desarrolladores de Facebook:

Incluye metaetiquetas de gráfico abierto en la página de esta URL para personalizar la historia que se comparte en Facebook.


De hecho, tuve que hacer una página para cada respuesta posible y agregué diferentes og metas a cada respuesta, pero podrías usar algunos intérpretes de URL como encendedor de código para generar url''s y su contenido, y luego crear una función para insertar metaetiquetas dinámicamente. Esto funciona de manera similar a una API del servicio web RESP donde el URL no es realmente una ubicación para el servidor sino una llamada a una función y sus parámetros.


No tengo idea de dónde están documentados estos parámetros para el cuadro de diálogo Compartir, pero tenía una conjetura, y todo esto funciona. Como sugerencia, cambie el ''nombre'' parámetro que estaba utilizando en el método de alimentación a ''título''. Estoy compartiendo de forma personalizada desde varios botones de compartir en una sola página web. Obviamente, reemplace todas las variables ''personalizadas ...'' con sus propias variables o ''cadena'':

FB.ui({ method: ''share'', href: ''http://yourwebpage.com'', picture: customImage, title: customTitle, description: customDescription, caption: customCaption }, function(response) {});


En realidad, esto está funcionando para mí

FB.ui({ method: ''share'', href: urlHost+link, // method: ''feed'', title: name, link: urlHost+link, picture: urlHost+"/assets/images/fb.jpg", caption: "Interbank", description:description


Usa este código:

FB.ui({ method: ''share_open_graph'', action_type: ''og.shares'', action_properties: JSON.stringify({ object: { ''og:url'': url, ''og:title'': title, ''og:description'': des, ''og:image'': img } }) }, function (response) { // Action after response });

Esto funciona con la versión 2.9+ de API . Tenga en cuenta que og.shares , por ahora, no se menciona en la documentación de FB, pero funciona. :)

Para el pago de ejemplo de trabajo completo Cambie dinámicamente los metadatos de gráfico abierto de Facebook con JavaScript .