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

Question

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

Answer 1

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.

Answer 2

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.

Answer 3

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) {});

Answer 4

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  

Answer 5

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 .