Плагин "Группа"

Плагин "Группа" позволяет людям посетить вашу группу Facebook, перейдя по ссылке на веб-странице.

Плагин "Группа" для сайтов

Этот плагин добавляет на веб-страницы кнопку Перейти в группу, нажав которую, пользователь переходит в вашу группу Facebook. Для показа кнопки используется Facebook SDK для JavaScript.

Прежде чем начать

Чтобы вставить плагин "Группа" на веб-страницу, вам понадобится:

URL Группы Facebook.
Веб-приложение, зарегистрированное в Meta с базовыми настройками .
Для приложения должна быть указана платформа "Сайт" .
Приложение должно пройти проверку . Это необходимо, чтобы плагин был доступен всем посетителям вашей веб-страницы, а не только пользователям, имеющим роль в вашем приложении (администратору, тестировщику и т. п.).
Приложение должно быть выпущено .

Ограничения

Плагин "Группа" для сайтов можно использовать только на веб-страницах.

Получение кода

Чтобы получить код кнопки Перейти в группу для вставки на веб-страницу, воспользуйтесь конфигуратором кода.

Шаг 1. Укажите URL своей группы на Facebook.

Шаг 2. Укажите ширину кнопки Перейти в группу в пикселях.

Шаг 3. При необходимости добавьте в код кнопки метаданные.

Шаг 4. Нажмите Получить код.

Конфигуратор кода

URL группы

Ширина плагина в пикселях

Включить метаданные

Получить код

Шаг 5. Скопируйте фрагмент HTML-кода и вставьте его на нужную веб-страницу.

Атрибуты плагина

Ниже перечислены настройки плагина "Группа" для сайтов.

Атрибут	Описание
`data-href`	URL группы Facebook.
`data-show-metadata`	Отображение метаданных группы, например ее описания.
`data-lazy`	Может иметь значение `true` или `false` (по умолчанию). Если задано значение `true`, браузер не будет отображать плагин в тех случаях, когда пользователь может его не заметить (например, если плагин находится далеко от окна просмотра).
`data-width`	Ширина плагина в пикселях (от 180 до 500, по умолчанию — 280).
`data-skin`	Цветовая тема для контента в плагине. Поддерживаемые варианты: `light` — темный текст в плагине (используется по умолчанию); `dark` — белый текст в плагине.

Пример кода

Если вы не хотите использовать конфигуратор кода, скопируйте и вставьте код ниже на свою веб-страницу. При этом выполните замену:

в URL в параметре js.src замените LATEST-API-VERSION на версию API Graph, которую использует ваше приложение;
в URL в параметре js.src замените APP-ID на ID вашего приложения Meta;
в параметре data-href замените GROUP-URL на URL вашей группы.

<html>

<head>
    <!-- Load Facebook SDK for JavaScript -->
    <div id="fb-root"></div>
    <script>
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s);
            js.id = id;
            js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=LATEST-API-VERSION&appId=APP-ID&autoLogAppEvents=1';
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>
</head>

<body>

    <!--Your Group Plugin for the Web code-->
    <div class="fb-group" 
         data-href="GROUP-URL" 
         data-width="280" 
         data-show-metadata="false">
    </div>

</body>

</html>

Плагин "Группа"