Есть ли способ поделиться страницей реакции на Facebook и передать изображение?

Я пытаюсь сделать мою страницу реакции доступной для Facebook и Twitter. Я перепробовал все, что мог, весь день гуглил, но не нашел ответа.

 <FacebookShareButton url = {window.location.href} title = {exactNews.text ?exactNews.title : ""}> 
                         <FaFacebookF/>
                       </FacebookShareButton>

Какие-нибудь советы?

Хук useOnClickOutside в ReactJS
Хук useOnClickOutside в ReactJS
Как разработчик ReactJS, вы, возможно, сталкивались с ситуацией, когда вам нужно закрыть модальное или выпадающее меню, когда кто-то щелкает за его...
Хуки (часть-2) - useEffect
Хуки (часть-2) - useEffect
Хук useEffect - один из самых мощных и универсальных инструментов в арсенале разработчика React. Он позволяет вам управлять побочными эффектами в...
[LXI-SpartaCodingClub Full-Stack Bootcamp in Indonesia] 2023/1/21 TIL/Week 15]
[LXI-SpartaCodingClub Full-Stack Bootcamp in Indonesia] 2023/1/21 TIL/Week 15]
Я научился создавать карусель в ReactJS с помощью библиотеки Splide.
Краткое введение в Styled-компоненты
Краткое введение в Styled-компоненты
В настоящее время популярность Styled-компонентов становится все больше и больше. Большинство проектов, построенных на React.js, используют эту...
ДЕНЬ 8 | Страница обзора в React
ДЕНЬ 8 | Страница обзора в React
На этом сегодня все, завтра снова увидимся с новым проектом!
Как настроить среду разработки React.
Как настроить среду разработки React.
Весь процесс настройки среды разработки react.
0
0
421
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Больше нет способа передать изображение в параметры общего доступа, единственный способ добавить изображение к общему URL-адресу — использовать тег og:image в источнике. Имейте в виду, что Facebook игнорирует JavaScript, поэтому тег og:image должен быть в исходном источнике, а не добавлен динамически через JavaScript. Затем Facebook автоматически использует изображение, указанное в теге og:image.

Больше информации: https://ogp.me/

Да, я пытался сделать это с помощью динамического метода, но я думаю, что нет никакого способа. как я могу заставить его работать? пока я пытаюсь заставить его работать с помощью react-helmet-async, но я не думаю, что это сработает. Я не могу просто добавить его статически, потому что я загружаю изображения из API. какие-нибудь советы о том, как заставить его работать?

goga iosebashvili 11.11.2022 10:50

Вам действительно нужно создать серверную часть тегов og, нет никакого способа обойти это...

andyrandy 11.11.2022 10:54

Поможет ли предварительный рендеринг моему делу?

goga iosebashvili 11.11.2022 11:10

Я не знаю ваш код, но если исходный код включает теги og без какого-либо javascript, все в порядке

andyrandy 11.11.2022 12:17

Другие вопросы по теме

В этом случае мета примеры полезной нагрузки WhatsApp будут получать с несколькими элементами в массиве.
Что такое схема «свойств» в URL-адресе «properties://browser/clickID»?
Не удалось вывести список версий для com.facebook.android:facebook-login - Проблема входа в Facebook
Как загрузить барабаны в facebook с помощью графического API с помощью python
Объект «Пророк» не имеет атрибута «stan_backend», и для меня нет ответа
Почему я получаю недопустимую ошибку клиента при попытке опубликовать в почтальоне
Не удается открыть страницу facebook в приложении по ссылке в браузере iOS
UnityPlayerActivity.java использует или переопределяет устаревший API. Примечание. Перекомпилируйте с параметром -Xlint:deprecation для получения подробной информации.
PHP экранирует только символы Юникода
URL-адреса сообщений Facebook иногда отображаются в странном формате. Есть ли способ преобразовать это в идентификатор сообщения?