Как отправить одно и то же изображение в мессенджер и фейсбук через метатеги Angular? - PullRequest
Новая
       91

Как отправить одно и то же изображение в мессенджер и фейсбук через метатеги Angular?

0 голосов
/ 18 февраля 2020

Я имею дело с проблемой совместного использования одного и того же изображения в мессенджере и Facebook в приложении Angular PWA. Все это делается с помощью тегов в html. Проблема в размере изображения, фотография в рекомендованном размере для Facebook 1200x630px, и она отображается правильно. Пока я делюсь им через мессенджер, оно обрезается, может быть, должно быть другое изображение, или я неправильно настроил его. Я также установил ширину и высоту изображения, используя мета. Вот код: 

  <meta property="og:title" th:content="${title}">
  <meta property="og:url" th:content="${url}" />
  <meta property="og:type" content="website" />
  <meta property="og:site_name" content="here is site name" />
  <meta property="og:image" content="here is photo url" />
  <meta property="og:image:width" content="600" />
  <meta property="og:image:height" content="314" />
  <meta property="fb:app_id" content="here is facebook app id" />

У меня есть компонент с общими кнопками, а мессенджер использует функцию из FB docs. 

shareOnMessenger() {
window.open('fb-messenger://share?link=' + encodeURIComponent(this.detailedViewURL) + '&app_id=' + encodeURIComponent(this.facebookMetaTag.content));

}

...