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

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

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

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

Плюсы формы комментариев Facebook

Простая авторизация комментатора с помощью аккаунта в Facebook.

Оставленный комментарий на сайте можно транслировать так же на странице комментатора или странице сайта в социальной сети.

Ответы отображаться могут и на стене в социальной сети и на сайте с формой.

Система оповещения о «лайках» и ответных комментариях.

Меньше троллей, спама и анонимов, так как все комментарии персонализируют комментатора.

Форма помогает комментатору в исправление опечаток, правильной расстановки пунктуации, удаления лишних символов и т.д., с помощью специального грамматического фильтра.

Если я вас смог уговорить поставить на один из своих wordpress сайтов виджет комментариев facebook, тогда перейдем непосредственно к добавлению данной функции от фейсбука. Я знаю два способа добавления формы, с помощью создания приложения в социальной сети и привязки его к сети и более упрощенный вариант, про который я подробнее и расскажу ниже.

Устанавливаем виджет комментариев Facebook на wordpress сайт

комментариев Facebook на wordpressДля начала заходим на специальную страницу по созданию формы комментариев facebook, где мы видим следующую форму для заполнения. Необходимо указать адрес сайта, на который устанавливаем форму комментариев, число отображаемых комментариев на одной странице, ширину формы и цветовую схему (светлую или темную), после чего нажимаем на «get code».

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

форма комментариев Facebook

Виджет комментариев facebook на wordpress будем устанавливать с помощью html5, для этого заходим в административную панель – внешний вид – редактор, где в правой части шаблона находим следующий файл «Заголовок (header.php)». Аналогично данный файл можно найти через ftp или хостинг сайта, пройдя по следующему пути /wp-content/themes/ название вашей темы.

В файле header.php ищем, тег  <body>, после которого размещаем сгенерированный код из верхней части, как показано у меня на рисунке.

Виджет комментариев Facebook

Теперь вы сами решаете, в какое место или на какую страницу установить форму комментариев 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>Читать далее &raquo;</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

В случаи авторизации в социальной сети вы сможете сразу оставить комментарий.

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

Вроде все, если у вас не получилось что-то, тогда спрашивайте. Если не хотите утруждать себя вручной установке формы комментария от facebook, тогда можно установить дискус или аналогичные формы, с помощью которых так же можно оставлять комментарии.

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

Поделиться
0