0

Не отображается картинка. Использую протокол https.

Использую код

    FB.ui({
        method: 'share_open_graph',
        action_type: 'og.shares',
        action_properties: JSON.stringify({
            object: {
                'og:url': this.dataset.url,
                'og:title': this.dataset.title,
                'og:description': this.dataset.description,
                'og:image': this.dataset.image
            }
        })
    },
    function (response) {
        console.log(response)
    });

Все отображается, а картинка нет. Она как бы загружается в размере 1px.

2
  • На локальной машине запускаете?
    – Alex
    31 окт 2017 в 11:13
  • Нет, на рабочем сервере 31 окт 2017 в 11:15

1 ответ 1

0

Попробуйте использовать метки og:image:width и og:image:height. В документации рекомендуют делать это при подобных проблемах

8
  • Написал так: FB.ui({ method: 'share_open_graph', action_type: 'og.likes', action_properties: JSON.stringify({ object: { 'og:url': this.dataset.url, 'og:title': this.dataset.title, 'og:description': this.dataset.description, 'og:image:url': this.dataset.image, 'og:image:type': 'image/jpeg', 'og:image:width': 1200, 'og:image:height': 630 } }) }, function (response) { console.log(response) }); Не показывает 31 окт 2017 в 11:24
  • все значения должны быть в кавычках по стандарту Open Graph, отсюда могут быть проблемы. Так же гугление дало еще наводку на два варианта: ограничение прав доступа на сайте и протокол https, по которому не может адекватно вытянуть изображение
    – Alex
    31 окт 2017 в 11:27
  • Еще можно попробовать другую запись. В стиле <meta property="og:image" content="http://example.com/ogp.jpg" /> или в случае с https <meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" />, значения подставляете свои
    – Alex
    31 окт 2017 в 11:29
  • Кстати да. У меня защищенное соединение https 31 окт 2017 в 11:35
  • Тогда пробуйте с og:image:secure_url, как я вам расписал чуть выше
    – Alex
    31 окт 2017 в 11:36

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.