Встроенные публикации
Встроенные публикации — удобный способ внедрить общедоступные публикации (от Страницы или пользователя Facebook) в контент вашего сайта или веб-страницы. Вмешаться можно только в общедоступные публикации от имени Страниц и профилей Facebook.
Генератор кодов
URL-адрес публикации
Ширина публикации в пикселях (от 350 до 750)
Включить публикацию полностью
Настройки
Абсолютный URL публикации.
Если это значение true , в России будет механизм отложенной загрузки. Для этого требуются атрибуты iframe loading="lazy" . При отложенной платформе наблюдения видно, что только если тот расположен достаточно близко к окну просмотра и велик шанс, что пользователь его увидит. Возможные значения по умолчанию: true , false (используется по умолчанию).
Ширина публикации. От 350 до 750 отзывов. Чтобы использовать плавающую полосу земли, это поле пустым.
Применяется к публикации с фото. Чтобы отобразить ее текст на Facebook (если он имеется), установите значение true .
Получение кода из публикации
1. Перейдите к публикации.
Код вклада можно получить из публикации. Если публикация на Facebook общедоступная, нажмите значок в ее правах доступа.
Выберите в меню пункт Вставить сообщение:
Если это публикация с фото, нажмите кнопку Вставить Опубликовать внизу:
2. Скопируйте и введите код.
Откроется с кодом в диалоге публикации. Скопируйте и вставьте этот код на место веб-страницы, где вы хотите разместить ссылку на публикацию.
Добавление кода вручную
Если вы не хотите использовать генератор кодов, вы можете вставить код вручную.
1. Получить URL публикации.
Первое, что нужно сделать, — получить URL публикации, которым вы хотите поделиться. Она обязательно должна быть общедоступной. Появление публикации значком в виде серии Земли рядом со временем публикации:
Для тестирования можно использовать этот URL-адрес:
"https://www.facebook.com/20531316728/posts/10154009990506729/"
2. Загрузите SDK для JavaScript.
Необходимо добавить на сайт Facebook SDK для JavaScript. На любой нужной странице достаточно link по одному скрипту загрузки SDK. Лучше всего сделать это сразу после открывающего тега :
Подробнее о том, как реализовать SDK для JavaScript, см. в исследовании по началу работы с SDK для JavaScript.
3. Разместите тег встроенной публикации.
Разместите тег встроенной публикации на любом месте своего сайта. Подставьте вместо {your-post-url} URL-адрес публикации.
4. Протестируйте вставку.
Выполнив эти действия, вы можете протестовать против классической публикации. Полный код будет выглядеть примерно так:
Мой веб-сайт
Результат показывает на снимке экрана ниже.
5. Настроить изображение.
Отслеживая нижнюю часть страницы, можно настроить размер, язык и другие параметры встроенной публикации.
Получение URL публикации
Иногда код вставляется в систему управления контентом. В этом случае вам может понадобиться только URL публикации. Получить URL публикации можно двумя способами:
- Скопировать URL карты памяти из адресной строки.
- Щелкнуть правой кнопкой мыши по время публикации и адрес ссылки.
На снимке экрана оба варианта подчеркнуты красным.
С помощью API Graph
Хотите автоматически включить публикацию на свой веб-сайт? В таких случаях викоруйте API Graph, чтобы агрегировать публикации. Например, можно использовать конечную точку API Page Feed и параметр permalink_url для полей.
Ответ на запрос к /{page-id}/feed?fields=permalink_url будет примерно таким:
{ "data": [ { "id": "1234567890_3456789012", "permalink_url": "https://www.facebook.com/1234567890/posts/3456789012" } ] }
Отображение на ПК
Ширину встроенных публикаций на ПК можно использовать с атрибутом ширины данных в теге встраивания публикации (см. пример ниже). Выберите значение от 350 до 750 присоединений.
Не використовуйте теги стиля CSS для настройки размера файла. Это может показаться ошибочным отображением.
Отображение в противоположном
Встроенные на мобильных устройствах браузеры автоматически масштабируются в соответствии с контейнером.
Вордпресс
Если ваш сайт размещен на WordPress и вы уже используете на нем Facebook SDK для JavaScript, то для использования встроенных публикаций достаточно добавить в публикацию тег fb-post :
Если вы не используете Facebook SDK для JavaScript, публикацию встраивают в виде бесплатных предложений и вставок фрагментов с Facebook, то встраивают встроенные публикации, скорее всего, не будет. Причина в том, что WordPress преобразует символы & в #038; . Из-за этого кода не будет работать.
Поэтому добавьте дополнение, используя следующий код:
В ближайшем будущем будет новый, более удобный вариант с WordPress.
Часто задаваемые вопросы
Если вы используете HTML5- или XFBML-версию, добавьте библиотеку кода языка при создании экземпляра.
При загрузке SDK задайте для js.src свою локаль. Замените en_US своим языком, например fr_FR (французский язык (Франция)).
// Пример 1: 'https://connect.facebook.net/fr_FR/sdk.js'; // Пример 2: js.src = "https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.6";
Список доступных локалей см. в файле Facebook Locales XML.
Не исключено, что может измениться расположение размещенного текста. Подробную информацию см. на странице Локализация и перевод.
Встроенная публикация отображает любые материалы, прикрепленные к ней, а также количество отметок «Нравится», перепостов и комментариев. Посетители вашего веб-сайта будут видеть ту же информацию, что и на Facebook.com. Они также имеют право подписаться на тех, кто устанавливает эту информацию, или поставить Страницу отметку «Нравится» прямо из встроенной публикации.