Ноя
Виджет или форма комментариев Facebook на wordpress сайт
Здравствуйте, сегодня я хочу рассказать, как можно установить на wordpress сайт виджет комментариев Facebook. Раньше я уже описывал способ установки формы комментариев Вконтакте на свой блог, но для буржунетовских или развлекательных сайтов лишней не будет форма комментариев facebook.
Интернет доступен многим, но каждый распоряжается им по мере своих возможностей и знаний, плюс у каждого есть свои привычки, поэтому создавая сайт необходимо непосредственно создавать его под свою будущую аудиторию, чтобы она как можно больше взаимодействовала с понравившимся ресурсом. Отдача от посетителей сайта непосредственно выражается в комментариях, и вебмастеру приятно, когда его статьи комментируют, но опять же не всем нравится стандартные форма комментариев, где необходимо указать имя, электронную почту и по желанию адрес сайта, поэтому они не оставляют комментарий.
Но благо, есть много различных форм комментариев, которые приглянуться вашему посетителю. К примеру, на новостных бизнес или it ресурсах можно встретить дополнительную форму комментариев от facebook, которая посетителю авторизированному в данной социальной сети мгновенно позволяет оставлять комментарий на сайте. Facebook в сравнение с нашим русским аналогом считается более профессиональным и взрослым, поэтому в большей степени данной социальной сетью пользуются более продвинутые пользователи интернета или бизнеса, поэтому им куда охотнее и легче комментировать сайт по упрощенной форме комментариев.
Или допустим у вас есть развлекательный wordpress сайт, чтобы получить дополнительную аудиторию вы решили интегрировать его с социальной сетью, для этого создали страницу на facebook вашего сайта, начали её оформлять и наполнять, произвели первичную раскрутку страницы, вывели виджетом своих фанатов с социальной сети. Насобирав пару сотен или тысяч фанатов в социальной сети, стоит уже задуматься и об облегчении им общении и на страницах вашего ресурса с помощью специального виджета. Обобщаю выше написанное в удобный формат.
Плюсы формы комментариев Facebook
Простая авторизация комментатора с помощью аккаунта в Facebook.
Оставленный комментарий на сайте можно транслировать так же на странице комментатора или странице сайта в социальной сети.
Ответы отображаться могут и на стене в социальной сети и на сайте с формой.
Система оповещения о «лайках» и ответных комментариях.
Меньше троллей, спама и анонимов, так как все комментарии персонализируют комментатора.
Форма помогает комментатору в исправление опечаток, правильной расстановки пунктуации, удаления лишних символов и т.д., с помощью специального грамматического фильтра.
Если я вас смог уговорить поставить на один из своих wordpress сайтов виджет комментариев facebook, тогда перейдем непосредственно к добавлению данной функции от фейсбука. Я знаю два способа добавления формы, с помощью создания приложения в социальной сети и привязки его к сети и более упрощенный вариант, про который я подробнее и расскажу ниже.
Устанавливаем виджет комментариев Facebook на wordpress сайт
Для начала заходим на специальную страницу по созданию формы комментариев facebook, где мы видим следующую форму для заполнения. Необходимо указать адрес сайта, на который устанавливаем форму комментариев, число отображаемых комментариев на одной странице, ширину формы и цветовую схему (светлую или темную), после чего нажимаем на «get code».
Страница сгенерировала специальный код, который необходимо установить на сайте и после генерации перед вами появляется следующая страница.
Виджет комментариев facebook на wordpress будем устанавливать с помощью html5, для этого заходим в административную панель – внешний вид – редактор, где в правой части шаблона находим следующий файл «Заголовок (header.php)». Аналогично данный файл можно найти через ftp или хостинг сайта, пройдя по следующему пути /wp-content/themes/ название вашей темы.
В файле header.php ищем, тег <body>, после которого размещаем сгенерированный код из верхней части, как показано у меня на рисунке.
Теперь вы сами решаете, в какое место или на какую страницу установить форму комментариев facebook, для этого нужно разместить вторую часть сгенерированного кода, но есть один нюанс. Если вставить просто код «<div class="fb-comments" data-href="proanimeblog.ru" data-num-posts="20" data-width="500"></div>» то форма комментариев привязывается ко всему сайту, и оставленный комментарий будет отображаться везде, но чтобы добавить возможность публиковать комментарий к определенной странице, тогда надо дописать еще часть кода.
Я предлагаю разместить форму комментариев на страницы с постами на wordpress сайте, для этого заходим опять же в административную панель – внешний вид – редактор, где в правой части шаблона находим файл – «Одна запись (single.php)» или через хостинг с ftp находим этот же файл.
На открывшейся странице ищем подобный код, который отвечает за вывод контента на странице, после которого мы будем устанавливать форму facebook:
<div class="entry-content" id="entry-content-single">
<?php the_content ('<p>Читать далее »</p>'); ?>
<?php wp_link_pages (array ('before' => '', 'after' => '', 'next_or_number' => 'number')); ?>
</div><!-- end .entry-content -->
После того как выбрали нужное вам место вставляем сгенерированный код с дополнительной часть, но я рекомендую скопировать мой код и поменять в нем мой адрес сайта на ваш и число комментариев с длиной формы:
<div data-href="<?php the_permalink (); ?>" data-href="proanimeblog.ru" data-num-posts="20" data-width="500"></div>
После сохраняем изменения и идем смотреть на результат работы, для этого заходим на любую страницу вашего сайта со статьями. Если вы не авторизированны в социальной сети facebook то форма для вас будет такой, как на рисунке.
В случаи авторизации в социальной сети вы сможете сразу оставить комментарий.
Вроде все, если у вас не получилось что-то, тогда спрашивайте. Если не хотите утруждать себя вручной установке формы комментария от facebook, тогда можно установить дискус или аналогичные формы, с помощью которых так же можно оставлять комментарии.
Отдельно хочется извиниться перед читателями моего блога за спад регулярности публикации новых постов на блоге, ремонт затягивается, но он уже почти на финишной прямой, осталось сделать по мелочи и дождаться, когда привезут мебель. Сейчас только присматриваюсь, может за одно пока идет ремонт поменять двери, а то после вряд ли вернусь к вопросу обновления квартиры, а старые двери ужасны. Приглянулись мне межкомнатные двери океан, которые могут быть, как в ретро стиле, так и в модерне и точно подойдут под интерьер квартиры.
27 Ноя 2011 в 09:53
Давно искала эту информацию, спасибо за такие полезные уроки!
[Ответить]
Ahawks Reply:
ноября 27, 2011 at 15:43
Если не получится установить виджет, то напишите в комментариях, возможно не весь код отобразился правильно в статье
[Ответить]
28 Ноя 2011 в 11:23
Интересно, стоит ли ставить этим комменты, если если стоит виджет от вконтакте? Как считаете?
[Ответить]
Ahawks Reply:
ноября 30, 2011 at 11:00
Все зависит от тематики сайта, на некоторых крупных сайтах виделе сразу две форму и от контакта и от фейсбука, к примеру на форбсе. Еще на другом новостном ресурсе встречал только форму комментариев от фейсбука.
[Ответить]
30 Ноя 2011 в 13:02
А как тут в с администрированием комментариев? Ведь там нет такой же кнопки, как для комментариев вконтакте.
[Ответить]
Ahawks Reply:
ноября 30, 2011 at 13:12
Администрирование есть, но чтобы оно было как я понимаю надо было идти не по моему пути описанному в статье, а понемногу более сложному, когда дополнительно еще надо создать приложение в социальной сети к которому привяжется сама форма комментариев.
[Ответить]
09 Дек 2011 в 13:11
Привет, скажи пожалуйста как ты вывел похожие статьи с изображениями? Очень нужно. Ответь на емаил или здесь, зарание спасибо.
[Ответить]
Ahawks Reply:
декабря 9, 2011 at 14:30
Ответил
[Ответить]
Екатерина Reply:
февраля 12, 2012 at 21:11
И мне пожалуйста скажите как Вы с картинками вывели похожие статьи. Уже все обыскала. Заранее благодарю
[Ответить]
09 Дек 2011 в 15:07
Ок, большое спасибо.
[Ответить]
03 Фев 2012 в 07:34
Огромное спасибо!Целые сутки мучалась,а с вашими разъяснениями всё получилось за минуту...Процветания и Благополучия Вам и Вашему сайту!!!
[Ответить]
03 Фев 2012 в 09:40
я опять к вам... Вдруг исчезло окно Fecbook.Я его установила в сайт баре, в виджете и ВСЁ было...а сейчас нет...проверила всё стоит в «body» и в виджете, но всё пропало и не показывает.Место пустое за этим окном сохраняется... и что это и как это поправить???
[Ответить]
19 Мар 2012 в 22:17
Привет!
У меня тот код, который вы изменили, не встает.
Вот код, который мне выдал фейсбук. Что в нем надо изменить, чтобы не было привязки к странице?
[Ответить]