facebook не показывает изображение и видео после публикации с помощью диалогового окна канала

Я пытаюсь поделиться ссылкой на видео с помощью диалогового окна общего доступа Facebook, но после публикации URL-адреса на Facebook Facebook не показывает изображение, а также не воспроизводит видео на Facebook после публикации.

Я пытаюсь поделиться ссылками, например, как YouTube делится своими видео на Facebook, чтобы пользователь мог воспроизводить видео на Facebook после того, как поделился им. Вот мой код

FB.ui(
    {
        method: 'share',
        quote: 'share it using facebook',
        mobile_iframe: true,
        href: 'https://example.com/raisingfundsthroughvideo',
        hashtag:'#websitename',
    }
);

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

<meta property="og:image:type" content="image/jpg" /> 
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />

Отладчик ссылок facebook дает мне эту ошибку на своей странице

Предоставлено og:image, https://d3ekuwxfrjk8w6.cloudfront.net/folder/folder/filename не может быть загружен, поскольку он превышает максимально допустимый размер в 8 МБ или ваш сервер слишком медленно отвечает.

приведенный выше URL-адрес изображения действителен, и я не знаю, почему он не показывает изображение из-за URL-адреса Cloudfront?




Ответы (1)


Я также использую облачный фронт, и, по крайней мере, для предварительного просмотра эскизов, которые вы видите после обмена URL-адресом в диалоговом окне общего доступа, я знаю, что это должно быть изображение с того же URL-адреса веб-сайта, а index.html имеет это:

<meta property="og:url" content="http://example.com/"/>
<meta property="og:image" content="http://example.com/assets/thumbnail.png"/>

И да, вы должны соблюдать ограничения по размеру миниатюры изображения.

Обновление: URL-адрес, который вы указываете в «og:image», должен быть общедоступным, что означает, что если вы скопируете, вставите и посетите этот URL-адрес в новом окне браузера, вы должны увидеть миниатюру изображения.

В этом примере вам понадобится корзина S3 под названием example.com, в которой находится контент вашего сайта, и еще одна корзина www.example.com, которая пуста, но настроена для хостинга статических веб-сайтов, которая перенаправляет на example.com. Ваш облачный фронт должен быть настроен следующим образом:

  • происхождение: example.com.s3.amazonaws.com
  • cname: example.com, *.example.com (чтобы www.example.com работал)

Зайдите в свой облачный дистрибутив и нажмите «Изменить», вы увидите место для ввода CNAME, введите example.com *.example.com и сохраните изменения.

Перейдите на вкладку «Происхождение» и настройте источник следующим образом: Имя домена источника: example.com.s3.amazonaws.com ID источника: s3-example Тип источника: S3 Origin

Затем подождите, пока Cloudront снова не активирует ваш дистрибутив.

person fv_dev    schedule 30.07.2017
comment
Извините за поздний ответ, размер изображений составляет от 10 до 30 КБ макс, но все мои изображения находятся на amazon s3, поэтому не могли бы вы предложить мне, как я могу добавить свой example.com в URL-адрес облачного фронта, чтобы Facebook забирал мои изображения из облачный фронт. - person usama; 30.07.2017
comment
Мои изображения генерируются динамически, поэтому они хранятся на amazon s3. Не могли бы вы предложить способ, с помощью которого я могу заставить Facebook показывать свои изображения с s3, когда я ими делюсь. Заранее спасибо. - person usama; 30.07.2017
comment
Я обновил свой ответ дополнительной информацией о вашем облачном URL-адресе. - person fv_dev; 30.07.2017
comment
не могли бы вы дать мне подробную информацию о том, как я могу настроить свой облачный фронт для использования вышеуказанных имен, как вы упомянули, я новичок в amazon, поэтому я буду очень признателен, извините за беспокойство. - person usama; 30.07.2017
comment
Обновлено. Надеюсь, это поможет вам! Удачи. - person fv_dev; 30.07.2017
comment
Спасибо, попробую.. :) - person usama; 30.07.2017
comment
я настроил cdn.example.com для доступа к файлам корзины amazon s3, и я использую подписанные URL-адреса amazon s3, но это дает мне эту ошибку в отладчике ссылок facebook «og: image: url» не может быть проанализирован как тип «url». - person usama; 09.09.2017
comment
вот мой URL HTTPS% 3A% 2F% 2Fcdn.excideo.com% 2Fchallenge-объяснителя% 2Fthumbnail-изображения% 2F434behvm2vew-434o1meckvm8% 3FExpires% 3D1504940274% 26Signature% 3DqANw7% 7Ek59Nlll-iBEXekXcJakt-kMjhBg8ZWwAF6IhE1QJckVqSHoL7Fp7DWJmRaDyVvhh-42CP3sVRAalVS% 7E4AEtLtcJoqi1Uh% 7E2Wqp8-taqHi0pawRS0I9AD2SpDId37nfmNAqVy5tWFi0O0uJSdgEvdz8q6wl% 7Eb8FWVtIoX0al37gzAW8TuJC9viatZ9ez6qzh0Hg12Q1Mol7nUe1kvCL4opEPZflNNXP5rdEKL9JbK3G5NJo4vVQIp0ONGnJF0EiH5YAQkQHyp% 7EdiZLil899Z1PNiAz% 7Ebm6VP% 7E09eTvco9TyVivUJDDqeGTnykNg3G7p% 7E2zZ-RdBLi3ZrrdnDQ __% 26Key-пара-Id% 3DAPKAI33C6BDMY4E5KYJA - person usama; 09.09.2017
comment
Этот URL-адрес имеет кодированные символы asciii, и facebook хочет настоящий неэкранированный URL-адрес. См. : w3schools.com/tags/ref_urlencode.asp, другими словами, более читаемый URL версия, которая в конечном итоге будет выглядеть примерно так: http://example.com/assets/thumbnail.png - person fv_dev; 10.09.2017