Как установить виджет страницы от Facebook на сайт

Привет дорогие друзья! Все чаще я на других проектах замечаю в сайдбаре и иных разделах сайта социальные виджеты от 3-х популярнейших порталов: ВКонтакте, Одноклассники и Facebook.

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

Я тоже наряду с другими блоггерами стараюсь не отставать и постепенно наращиваю темпы по раскрутке блога seoslim.ru в общественных сетях.

Как вы помните из прошлых статей я дал подробную инструкцию по установки виджета группы от Вконтакте, обязательно ознакомьтесь с данным руководством по вышеприведенной ссылке, а сегодня у меня дошли руки и до популярнейшего сообщества Марка Цукерберга Facebook.

Ниже я приведу подробное руководство, как установить виджет страницы Фейсбук на сайт, а пока давайте разберемся, зачем вообще создавать подобные фан-страницы.

Зачем нужна страница на Facebook

Те, кто пришли в сеть не только трепаться, а и зарабатывать деньги придется активно продвигать собственный бренд, чтобы становится известных в социальных кругах интернета. Так сказать надо сделать все, чтобы ваш бизнес стал заметней и тогда получение клиентов и прибыли станет делом времени.

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

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

Как происходит раскрутка страницы

Первым делом создаем фан-страницу, для этого вы меню «Страницы» выбираете ссылку «Создать новую».

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

Встает вопрос, а как о ней будут узнавать другие пользователи, ведь здесь же нету друзей, которых можно приглашать в группу?

Все очень просто, если внимательно посмотреть в шапку созданного сообщества, то там красуется привычная для всех кнопка «Нравится».

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

Так вот если кто-то лайкнет вашу фан-страницу, то подобное сообщение попадает на его стену аккаунта в Фейсбуке. Как итог его друзья будут созерцать кому их друг отдает симпатии и тоже захотят посмотреть ваше сообщество. В итоге такой процесс может повториться и так множество раз. По такому принципу и работает вирусная реклама.

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

Нечто, похоже, вы сможете создать и у себя на площадке, если прочитаете статью до конца. Ну что поехали.

Как создать виджет Facebook страницы для сайта

Переходим на главную страницу аккаунта Фейсбука и нажимаем «Редактировать профиль».

Спускаемся в самый низ страницы вашего аккаунта и находим там ссылку «Разработчикам».

Перейдя по ней, попадаем на страницу, где нужно выбрать значок лайкнуть, ссылка называется «Sharing».

На следующей странице отыскиваем виджет «Социальные плагины» и переходим.

Затем останется выбрать плагин для страниц «Like Box».

Перед вами появится конструктор для создания виджета для сайта.

Чтобы не мучить себя подобным поискам этого конструктора, рекомендую сразу к нему перейти в обход выше описанных действий по ссылке:

https://developers.facebook.com/docs/plugins/like-box-for-pages

Теперь надо заполнить приведенные поля и отметить нужные чекбоксы, чтобы получить желаемый виджет под стать вашей площадке.

Facebook Page URL — адрес страницы Фейсбка, которую желаете прикрутить к сайту. У меня это https://www.facebook.com/seoslim.ru Жду всех в гости!

Width — ширина блока в пикселях.

Height — высота блока в пикселях.

Color Scheme — цвет фона блока. Есть два варианта: белый или черный.

Show Friends' Faces — показывать лица тех, кому понравилась страница.

Show Header — заголовок блока «Найдите нас на Facebook».

Show Posts — отображать в блоке последние записи страницы.

Show Border — рамка виджета.

В итоге, чтобы создать виджет сообщества для seoslim.ru мне потребовалось включить следующие опции:

Далее нажимаете под формой кнопку «Get Code», чтобы получить код для вывода данного блока на блоге в нужном месте.

Так как я решил поместить блок в сайдбаре, поэтому я выбрал вариант для HTML5. Для чего нужно скопировать первую часть кода и разместить ее перед закрывающим тегом </body >, то есть в теле сайта.

Это код нужно вставлять для того, чтобы подключить скрипты к страницам сайта. Если вы уже устанавливали, какие-нибудь плюшки от Фейсбука (например социальные кнопки), то это код второй раз добавлять не нужно. У меня был как раз такой случай.

Копируем вторую часть кода и размещаем его в том месте, где планируется вывод виджета сообщества от Фейсбук.

Далее я перешел в административную панель блога, выбрал виджет «Текст» и вставил в него полученный код (Рисунок под номером 2). Результат работы вы можете наблюдать в сайдбаре этой площадки.

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

Если кто-то с умел решить этот вопрос, обязательно поделитесь со всеми в комментариях.

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

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

Жду с нетерпением, чтобы показать всем свою задумку. Уверен, оцените! 🙂 До скорых встреч!