(Последнее обновление: 08.07.2016)
Всем, привет! Дамы и господа, если у вас в социальной сети Facebook для своего бренда (сайта) и у вас набралось пару сотен или может даже несколько тысяч поклонников, то пора уже рассказать об этом всему миру. И не только, похвастаться, но и собрать ещё тысчёнку, другую пользователей которым нравится ваш сайт. А за одно, пускай продвигают вашу страницу в Facebook путём нажатия заветной кнопки "Нравится".
Для того, чтобы ваши посетители видели насколько популярна ваша страница сайта и смогли отметить ваш бренд в соцсети FB, как понравившеюся, надо на боковую панель блога вывесить популярный виджет Facebook Like Box . Facebook Like Box будет показывать лица и их количество, кому естественно нравится ваш сайт - бренд на Facebook:
Добавить такой виджет Facebook Like Box на сайт WordPress можно с помощью плагина и без .
Плагин Facebook Like Box
Установить данный можно стандартным способом, введя название Facebook Like Box в поиск по плагинам в админке сайта. После его активации, в WordPress добавляется новый виджет с одноименным названием:
Новый виджет Facebook Like Box
Далее, после добавления виджета в сайдбар блога его нужно немного настроить. Обязательно вписать ID вашей странице на FB, у многих Facebook Like Box не работает , так как, не правильно указана название страницы. Вот например, мой адрес URL страницы:
https://www.facebook.com/ zagulyaevsv
https://www.facebook.com/ wordpressmaniya
Берём последнее, что после косой черты - это и есть название страницы. В бесплатной версии вы можете указать количество фоток пользователей для показа в коробке; ширину и высоту виджета, а также, ввести нужный язык, то есть русский. Добавив вот так: ru_RU
Настройка виджета Facebook Like Box
Да, чуть не забыл, можно вставлять коробку Facebook Like Box в текст сообщения или на страницу сайта. У вас в визуальном редакторе сообщений WP появится новая кнопка Add like box. Вот с помощью её вставляется Facebook Like Box в сообщение. Пишите, пишите статью и в нужном месте тыц на кнопку, появится окошко, где вы также, как и в виджете (скриншот выше) можете указать нужные данные.
Facebook Like Box в сообщение
Друзья, существуют ещё похожие плагины для вордпресс, с помощью которых вы можете вывести виджет Facebook Like Box на боковой панели блога или в своём сообщение, вам достаточно ввести в поиск по плагинам слово Facebook Like Box и выбирайте на свой вкус. 7-8 обновлённых плагинов точно найдёте. Хотя, все они одинаковые и представленного здесь, будет достаточно. Ладно, едем дальше.
Виджет Facebook Like Box для любого сайта без плагина
Если не хотите устанавливать ещё один плагин на сайт, то можно воспользоваться универсальным кодом. Данный код подойдёт для любого сайта, вам не надо заходить на Facebook за кодом для виджета, мучится, нервы свои тратить. Потому, что у многих не получается воспользоваться им и пишут мне помочь, так как, Facebook Like Box не работает . Я естественно, предлагаю свой код и пожалуйста, всё работает отлично. Вот, как то так, друзья.
И снова приветствую всех читателей блога сайт! Социальные сети – вот о чем я хочу сегодня повести разговор. Социальные сети последние 2-3 года особенно активно развиваются, и поэтому их влияние на продвижение сайта/блога несомненно.
Например, социальные плагины facebook , виджеты от Одноклассников или VK, кнопки Google+ или Твиттреа – весь этот функционал помогает привлечь на сайт постетителей. Всю тему охватить сразу сложно, поэтому сегодня я расскажу о функционале от Фейсбука — facebook like box wordpress , комментариях от facebook и других виджетах и плагинах, которые применимы для сайта на любом движке, в том числе и на CMS WordPresss.
Начинается наше знакомство со всеми этими скриптами со страницы https://developers.facebook.com/docs/plugins?locale=ru_RU . Здесь вы слева в сайдбаре увидите все предлагаемые виджеты, коды кнопок и т.д. Давайте будем знакомиться со всем функционалом по порядку.
Первая – кнопка «Нравится». Жмем на этот пункт и попадаем сюда:
Одну часть facebook виджет like
необходимо вставить в файл header.php вашего шаблона темы, а вторую часть – в то место, где должна отображаться сама кнопка. Все верно, но в процессе эксплуатации этих виджетов и скриптов я сделал один вывод, который вам тоже может пригодиться. Дело в том, что первую часть кода вы можете вставлять в header.php, между тэгами
Если же вы используете только какую-то одну форму, то оба фрагмента кода можно объединять и вставлять вместе, например, в тот же сайдбар при помощи обычного текстового виджета. И еще одно правило – если вы будете размещать wordpress плагин facebook или виджет в сайдбаре, на всякий случай установите заранее плагин Exes PHP –он позволяет выполнять php-коды в сайдбаре сайта.
Переходим ко второму скрипту – кнопка «Share Button».
Настроек здесь поменьше – указываете адрес своей страницы в поле «URL to share», выбираете тип отображения в поле «Layout», как и в первом случае (горизонтальный виджет facebook для wordpress , вертикальный и т.д.), и получаете код кнопки. Поле «Layout» — хорошее подспорье для установки кнопки в сайдбар – вы можете установить ее и в узкий, и в широкий сайдбар. Код размещаете на сайте таким же образом, что и в первом случае – или вместе, или на разных страницах, в зависимости от количества функционала от Фейсбук.
Настройки у всех кнопок очень похожи, поэтому сделав что-то один раз, вы уже не запутаетесь в настройках другого функционала от Facebook. Настройки немного шире – как и прежде, в поле «URL to send» вписываете адрес нужной страницы (сайта или страницы на Facebook), а в полях «Width» и «Height» указываете ширину и высоту виджета. Также вы можете выбрать одну из двух предлагаемых цветовых схем в пункте «Color Scheme» — светлую или темную.
Идем дальше – виджет «Embedded Posts» или «Встроенные записи». Здесь настройки посложнее – вам нужно будет найти адрес интересующей вас публикации на Facebook и вписать его в настройки виджета. Сейчас расскажу, как это сделать.
Предполагается, что у вас уже есть страница на Фейсбуке, в которой вы публикуете свои записи или просто интересные новости с других ресурсов. То есть – делитесь новостями со своими друзьями по социальной сети. Этот социальный виджет facebook требует от вас ссылку на публикацию, которую вы должны вписать в поле «URL of post». Ссылка эта находится следующим образом:
Вы должны скопировать не тот адрес, который вы видите над картинкой, а нажать на ссылку с временем публикации. В нашем случае это ссылка «около часа назад». В адресной строке вашего браузера вы увидите нужную вам ссылку, которую и нужно скопировать и вставить в поле виджета «URL of post». Вот она:
Еще в настройках этого виджета вы можете указать его ширину. Код виджета вставляется в сайт аналогично предыдущим случаям – или два в одном, или разносите коды по разным файлам шаблона. При этом, напоминаю, верхнюю часть кода вы вставляете в файл header.php, между тэгами
Следующая кнопка от Фейсбук – кнопка «Follow Button» или «Подписаться». Вот как выглядит страница ее настроек:
В виджетах и плагинах Фейсбук хорошо уже только то, что все настройки стандартизированы, то есть – выглядят практически одинаково. Поэтому все понимается интуитивно. Поле «Profile URL» — адрес вашего профиля на Facebook, здесь же в настройках вы определяете ширину и высоту будущего виджета, который потом вставите на сайт. Цветовая схема тоже в двух вариантах – белая и черная. Отображение типа кнопки и отображение логотипа вашей страницы вы тоже можете настроить.
Дальше – виджет «Feed Dialog» или, в буквальном переводе – «RSS Диалог». Здесь все сложнее. Сам facebook плагин для wordpress предназначен для того, чтобы можно было публиковать отдельные записи, связанные временной шкалой. Таким образом, в своих RSS новостях вы сможете контролировать подписи и личные комментарии от пользователей, если они будут комментировать ваши записи. Интеграция такова:
Это диалоговое окно можно использовать с JavaScript, iOS, и Android SDK, оно делает полное перенаправление URL. Здесь приведены некоторые примеры фрагментов кода, которые могут быть использованы, чтобы вызвать это диалоговое окно.
Вот пример JavaScript кода, которым можно вызвать такое диалоговое окно:
FB.ui({ method: "feed", link: "https://developers.facebook.com/docs/", caption: "An example caption", }, function(response){});
Https://www.facebook.com/dialog/feed? app_id=145634995501895 &display=popup&caption=An%20example%20caption &link=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2F &redirect_uri=https://developers.facebook.com/tools/explorer
Этот способ больше подойдет пользователям, знающим основы программирования, поэтому расписывать его достоинства я не буду. Кому интересно – разберется на странице для разработчиков, адрес которой я давал выше.
Поэтому переходим к виджету комментариев от Фейсбук – «Comments».
То, что обведено красным прямоугольником, будет отображаться на вашем сайте. Для этого вам нужно заполнить все необходимые поля, как и в предыдущих случаях, и вставить код на свой сайт. Здесь вы можете указать количество комментариев, ширину комментаторского поля и выбрать цветовую схему. Код (вместе или разнесенный) обычно добавляется в файл single.php после или вместо комментариев WordPress. Это обычно вот такая строчка:
Или вот такая:
Если хотите, чтобы отображались только комментарии от Фейсбук – или удалите эту строчку, или закомментируйте ее, а ниже вставьте код комментариев от Facebook. Закомментировать можно так:
Одной из любых этих строчек.
Следующие несколько плагинов тоже требуют знаний в программировании – вам придется оперировать API ключами и другими функциями, поэтому перейдем сразу к самому актуальному виджету – это facebook like box настройка и отображение которого тоже довольно просты, но сам виджет смотрится намного стильней и богаче остальных приложений, и поэтому пользуется бо́льшим спросом у веб-мастеров.
Виджет «Like Box» — это специальная версия кнопки от Фейсбук, которая предназначена только для Facebook страниц. Этот facebook виджет like позволяет администратору сайта продвигать свои страницы и внедрять простой RSS поток с одной страницы на другие сайты. Вот как выглядит ваш виджет «Like Box»:
Настройки:
- Поле «Facebook Page URL» — адрес вашей страницы на Facebook.
- Поля «Width» и «Height» – ширина и высота виджета. Обычно он встраивается в сайдбар блога, поэтому подбирайте эти значения тщательно, чтобы ваш шаблон не перекосило.
- Блок, в котором вы можете указать:
- Отображение аватаров подписчиков.
- Отображать название страницы в Facebook.
- Отображать в iframe последние записи блога.
- Показать рамки виджета.
Код, который вы получите при нажатии кнопки «Get Code», вставляется так же, как и во всех предыдущих случаях. Если вы все-таки не угадали с размерами виджета – не беда. Это поправимо – размеры можно изменить во второй части кода вручную. Нужная строка будет выглядеть вот так:
Data-width="360" data-height="290"
Если виджет facebook like box не работает – проверьте, не допустили ли вы ошибки при копировании кода, а также проверьте, туда ли вы вставили фрагменты кодов.
Пожалуй, на этом виджете можно заканчивать статью. Надеюсь, все понятно, а если нет – комментарии вам в помощь. До встречи в следующих публикациях!
Эта статья на тему — социальные плагины для Фейсбука. Почему я затронула эту тематику? Все дело в том, что сеть Facebook постоянно обновляется. Это происходит для того, чтобы нам было легче Если не отслеживать эти обновления, то эффективность нашего продвижение падает, так как мы не используем эту социальную сеть на 100%.
Статья предназначена для тех, у кого есть блог на Word Press. Для нас очень важно, чтобы наши интернет ресурсы были между собой переплетены. Чтобы между ними постоянно существовала связь. А устанавливая социальные плагины для Фейсбука на наш сайт или блог, мы соединяем их с нашей страницей в этой социальной сети.
Сегодня речь пойдет именно о плагинах Фейсбука. Переходим на свою бизнес страницу и в самом низу правой колонки находим ссылки — «Конфиденциальность», «Условия пользования», «Реклама», «Выбор рекламы», «Файлы «cookie», «Еще». Кликаем на последнюю ссылку и выбираем «Разработчикам». 
Как получить код
Перейдя на сайт разработчиков этой социальной сети, нажимаем на «Продукты», а затем в разделе «Продвижение и вовлечение» находим ссылку «Социальные плагины Facebook». Вот они то нам и нужны.
Переходим по этой ссылке и прокручиваем страницу в самый низ. Здесь у нас имеется возможность выбрать вид плагина. Будь-то кнопки, комментарии, цитаты, видео и т.д. Жмите на любую, все-равно попадете туда, куда стремитесь — на страницу «Документы», подраздел «Социальные плагины».
Facebook like box, также известный как Facebook fan box, стал практически обязательным элементом для многих сайтов. Не так давно Facebook заменил этот виджет на новый плагин Facebook Page. В сегодняшней статье мы покажем вам как добавить плагин Facebook Page в WordPress.
Примечание: Пользователи, которые уже добавили старый like box или же fan box на свои сайты WordPress, будут автоматически перенесены на новый плагин Page.
Что такое Facebook Page плагин?
Facebook Page плагин — это замена того, что прежде называлось Facebook Like box. Он позволяет вам рекламировать вашу страницу на Facebook на своем сайте. Новый плагин Facebook Page делает то же самое.
Как добавить новый плагин Facebook Page в WordPress
Первым делом вам необходимо перейти на сайт Facebook’s Page Plugin . Там вы найдете опции для настройки внешнего вида вашей «встроенной» страницы Facebook.
Вы можете отобразить фотографию обложки, записи и лица друзей на странице плагина. Как только закончите с настройкой внешнего вида, кликните на кнопку Get Code для продолжения.
Facebook отобразит вам два кусочка кода. Скопируйте первый сниппет кода и вставьте его в свою тему или же дочернюю тему в файл header.php сразу после тега .
Далее, скопируйте второй сниппет кода и вставьте его в то место, где вы хотите вывести like box страницы. Также этот код можно добавить в текстовый виджет в разделе Внешний вид » Виджеты административной панели сайта.
Мы надеемся, что эта статья помогла вам добавить плагин Facebook Page на свой сайт WordPress.
По всем вопросам и отзывам просьба писать в комментарии ниже.
Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.
