Блог Максима Войтика
Публикации о способах
заработка в интернете и SEO
Анализ сайта: Проверка Траста

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

09 декабря 2014
Комментарии: 9

Виджет для страницы Facebook

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

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

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

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

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

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


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

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

Фан-страница

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

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


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

создаем страницу в фейсбук

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

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

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

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

Пример страницы

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

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

Виджет Фейсбук

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

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


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

Редактировать профиль

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

Разработчикам

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

Sharing

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

Социальные плагины

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

Like Box

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

конструктор 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 мне потребовалось включить следующие опции:

настройки для страницы seoslim

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

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

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

код 1

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

код 2

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

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

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

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

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

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

(3 голос., в среднем: 4,33 из 5)
Загрузка...
С уважением, Максим Войтик
Буду рад, если нажмете на любую из кнопок:
Комментарии (9)
  1. Денис Тумилович в 08:54

    Круто расписал. Как всегда, собственно. Но у меня вопрос: почему ты себе поставил именно facebook виджет? Почему не ВК ?

    Ответить
    • Максим Войтик в 17:44

      Это временно, скоро поменяю дизайн блога, так там будет виджет сразу трех социалок: Вконтакте, Одноклассники и Фейсбук.

      Ответить
      • Игорь в 20:09

        Привет Максим,а это не будет выглядеть громоздко?

        Я имею ввиду что сайдбар будет завален виджетами.

        Ответить
      • Максим Войтик в 23:40

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

        Ответить
      • Игорь в 20:50

        Ну тогда отлично.

        Максим,это плагин или скрипт?

        И если можно,подскажите где взять,у себя такой же виджет установлю.

        Ответить
      • Максим Войтик в 21:44

        Безе понятия мне на заказ делают.

        Ответить
      • Ринат в 04:47

        Игорь, где можно заказать такой же виджет и сколько вы за него заплатили? Очень понравился. [good]

        Ответить
  2. Александр в 21:35

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

    Ответить
  3. Айк в 18:42

    А что сделать если у меня группа??

    Ответить
Оставить свой комментарий
Обязательно ознакомьтесь с правилами комментирования!!! СПАМ будет удален!
:) :-D ;-) :-| [star] [good] [present] [flower] [:-))] [:))] [:--_)] [:-|]

© 2011-2016 seoslim.ru, блог Максима Войтика

Внимание! Копирование материала строго запрещено. Соблюдайте авторские права и уважайте труд других людей!