Чтобы посетители могли быстро делиться вашим контентом в Facebook, начните с добавления соответствующей кнопки на сайт. Это повысит узнаваемость вашего ресурса и привлечет больше трафика без дополнительных усилий.
Вам понадобится вставить специальную кнопку «Поделиться», которая автоматически интегрируется в интерфейс сайта и позволяет пользователям легко публиковать ссылки. Для этого создайте специальный код через официальную панель Facebook для разработчиков или используйте готовые плагины.
Настройка не займет больше нескольких минут. Введите уникальный идентификатор страницы или сайта, выберите дизайн и определите параметры отображения. После этого вставьте скрипт или код в нужное место сайта, обычно – внутри раздела <head> или перед закрывающим тегом </body>.
Настройка кнопки «Поделиться» в Фейсбук для сайта: пошаговая инструкция
Зайдите в раздел «Настройки» вашей страницы разработчика Facebook по адресу developers.facebook.com. Создайте новое приложение, указав название и контактные данные. После создания перейдите в панель «Настройки» и выберите «Основные», чтобы получить идентификатор приложения (App ID).
Подключение кнопки «Поделиться» на сайте
Вставьте следующий код перед закрывающим тегом
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v15.0&appId=ВАШ_APP_ID&autoLogAppEvents=1" nonce="YOUR_NONCE"></script>
Замените «ВАШ_APP_ID» на полученный ранее идентификатор приложения. В поле «nonce» вставьте уникальное значение для обеспечения безопасности. Затем разместите элемент соцсети в нужной части сайта:
<div class="fb-share-button" data-href="https://ваш_сайт.com" data-layout="button_count" data-size="small"></div>
Обновите страницу и убедитесь, что кнопка отображается корректно. Для проверки откройте сайт в режиме инкогнито или очистите кэш браузера.
Настройка дополнительных параметров и тестирование
В настройках кнопки можно выбрать различные макеты: «button», «box_count», «button_count», или «icon_link». Чтобы конфигурация полностью соответствовала дизайну сайта, подберите наиболее подходящий вариант. После вставки кода протестируйте работу кнопки на разных страницах сайта и уточните, что ссылка делится именно той информацией, которую вы указали. Если необходимо, дополнительно настройте параметры meta-тегов Open Graph внутри раздела <head> сайта, чтобы управлять отображением информации при публикации.
Добавление кнопки «Поделиться» через стандартный плагин Facebook и настройка внешнего вида
Чтобы интегрировать кнопку «Поделиться» на сайт, используйте официальный плагин Facebook. В первую очередь перейдите на страницу
