Проблема совместного использования Facebook с пользовательскими и динамическими данными

Question

Мне нужно выбрать изображение из галереи. Это изображение показано в модальном режиме (с использованием Bootstrap), а под ним есть кнопка "Поделиться" в Facebook. Эта кнопка должна предоставлять доступ к выбранному изображению во всю ширину, настраиваемому заголовку (всегда одинаковому), настраиваемому описанию (всегда одинаковому) и, когда пользователь Facebook нажимает на общий пост, перенаправлять на настраиваемый URL-адрес (всегда одинаковый)., а не изображение одно).

Я пробовал разные способы (FB dev docs, http://drib.tech/programming/dynamically-change-facebook-open-graph-meta-data-javascript, другой "метод", другой "action_type" и т. Д.), Но я всегда испытывают разные проблемы.

Следуя предложениям drib.tech, вот ситуация:

• Веб: он разделяет правильное название, описание и пользовательскую ссылку, но изображение всегда является миниатюрой, и на нем написано "John Cats LIKES a link" вместо "John Cats SHARES". Это потому что я использовал "action_type": "og.likes"Думаю, но с любым другим типом (og.shares и т.д.) он разделяет неправильное изображение, заголовок и описание (он принимает данные пользовательской ссылки)
• Android (в приложении): выглядит как веб-результат, но не закрывает всплывающее окно
• iOS: ничего не работает, я предполагаю, что это ненавидит всплывающие окна.

Я пробовал с iframe вместо всплывающего окна, но он говорит, что это не разрешено.

Я также попробовал только с URL-адресами Facebook:

https://www.facebook.com/sharer/sharer.php?u=" + url + "&title=" + titolo + "&picture=" + picture
https://www.facebook.com/share.php?u=" + url + "&title=" + titolo + "&picture=" + picture

но результатом является неправильное изображение, заголовок, описание.

Итак... У меня закончились идеи, мой сценарий беспорядок, и я не могу найти другие идеи. Какие-либо предложения?

Answer 1

Последние обновления из FB API требуют другой структуры объекта action_properties.

Это рабочий пример:

FB.ui({
        method: 'share_open_graph',
        action_type: 'og.likes',
        action_properties: JSON.stringify({
            object: {
                "og": {
                    "url": your_url,
                    "title": your_title,
                    "image": {
                        "url": your_image_URL
                    }
                }
            }
        })
    }, function(response){});