Многие компании уже имеют свои представительства в социальных сетях. Чем больше площадок, где вы представлены, где люди смогут вас найти, тем лучше для вашего бизнеса. Все это нужно, чтобы увеличивать охват аудитории, чтобы было как можно больше каналов, по которым вы сможете донести информацию до клиентов. И желательно, чтобы эти каналы перекликались, их аудитория перемешивалась (главное, чтобы все знали о вашем сайте, т.к. сайт – основная продающая площадка и принадлежит только вам).

Сегодня рассмотрим как поставить виджет группы Facebook на сайт. Виджет группы с участниками одновременно повышает доверие к вашей компании и дает возможность присоединиться к группе.

Обычно любые виджеты представляют собой специальный код, который нужно вставить на страницы вашего сайта. Если у вас современная система управления сайтом (или еще проще, онлайн-конструктор, например http://sebesite.ru/), то это не составит трудностей.

Сначала, разберемся где взять код для виджета сообщества Facebook. Для этого переходим в раздел для разработчиков на страницу плагины: https://developers.facebook.com/docs/plugins/ и выбираем типа плагина Page Plugin или Follow Button:

виджет группы facebook

Далее настройки могут отличаться, но разобраться будет просто:

  • Facebook Page Url – это адрес вашей группы или страницы на фейсбуке. Его можно скопировать из адресной строки в браузере.
  • Width – это ширина виджета. Я поставил 196, т.к. на сайте, куда я буду вставлять, все виджеты такой ширины.
  • Height – это высота виджета. Тут я поставил 300, т.к. в этом случае, когда в группе будут люди, то получится как раза 2 ряда лиц.
  • Show Friends’s Faces – тут нужно поставить галочку, если вы хотите, чтобы отображались лица. В моем примере лица не отображаются, т.к. группа только что создана.
  • Show Posts – если поставить галочку, то в виджете будут выводится последние записи из вашей группы.

После того, как указали все настройки, нажимаем кнопку Get Code.

Фейсбук сформирует разные варианты кода. Если вы знаете HTML, то лучше выбрать вариант кода на HTML 5. Тогда вам надо будет добавить один фрагмент кода в заголовок страниц, чтобы подключить библиотеки скриптов, а второй фрагмент в место, где должен отображаться виджет.

код группы facebook

Самый простой способ – это выбрать вариант IFRAME, тогда вам будет нужно просто вставить этот код в нужное место. Мой клиент, который попросил поставить ему виджет, использует сайт на бесплатном конструкторе sebesite.ru и редактирование страниц там происходит прямо на сайте (что видишь, то и редактируешь, вообщем конструктор), так что IFRAME был самый простой и быстрый способ.

Я просто вставил код, сохранил и обновил страницу:

виджет группы facebook на сайте

Вот так очень легко можно вставить виджет. Намного быстрей, чем рассказать всё это. Если что-то не получается, задавайте вопросы в комментариях.