Виджет группы Facebook на свой сайт

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

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

Обычно любые виджеты представляют собой специальный код, который нужно вставить на страницы вашего сайта. Если у вас современная система управления сайтом, то это не составит трудностей.

Сначала, разберемся где взять код для виджета сообщества 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 на сайте

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

Еще прочитать:

9 комментариев

  1. Владислав

    Тема более чем актуальна. Я считаю, сейчас продвижение собственного бизнеса в сети без привязки его к социальным сетям практически невозможно. Хотя в России и вообще в Рунете более популярен Контакт, Фейсбук тоже набирает обороты. По-моему, эта платформа больше ориентирована на ведение бизнеса, чем Контакт. Не случайно же Фейсбук так любят в буржунете.

  2. Ольга

    Да, социальные сети сейчас набирают обороты и без них никуда. Давно задумываюсь о том, как сделать рекламу бизнесу в интернете и считаю, что нужно начинать с соц сетей и на сайте своей компании обязательно размечу виджет фейсбука и других сетей. Спасибо, что так понятно все разъяснили,вопросов не осталось.

  3. Владимир

    Все изменилось и актуальность этой статьи устарела.

  4. Игорь Емайлов

    Да,там действительно не много по другому стало…куда коды то вставлять?
    И как называется плагин,который выкидывает статью из правого нижнего угла?Подскажите пожалуйств

  5. Надежда

    Тема актуальная конечно, но кажется информация немного устарела

  6. Илья Пронин (Айва)

    Изменилось совсем не много, подправил статью, хотя на мой взгляд и так всё понятно.

  7. Карина

    У меня есть вопросик. С созданием и получением кода все ясно. Мне необходимо, чтобы сам текст виджета был на другом языке. Где и как я могу это поменять? Спасибо!

  8. Сергей

    Можно сделать плагин на свою страничку или на Страницу, но не Группу-(

  9. Вячеслав

    тема не актуальна нет больше в фейсбуке такой функции

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *