Комментарии социальных сетей на сайт

Опубликовано в В контакте / Сайты
/
22 Сен 2013

Здравствуйте дорогие друзья! Сегодня я хотел бы рассказать о подключении комментариев из социальных сетей «В контакте» и «Facebook». Каждый такой комментарий транслируется на страницу автора и тем самым появляется в новостях всех его друзей.Благодаря этому вы можете получить постоянный и качественный трафик из социальных сетей. К тому же пользователям не обязательно заполнять поля вроде e-mail или имя, достаточно просто написать комментарий. И так, перейдём непосредственно к подключению и установке виджета комментариев от соц. сети «в контакте».

Комментарии В контакте

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

Комментарии в контакте

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

Код формы комментариев

Теперь, после того как вы подобрали оптимальный для себя вариант отображения виджета комментариев в контакте, можно приступить к встраиванию его кода в свой сайт или блог. Для этого копируем весь текст из поля «код для вставки»  в удобное для себя место, к примеру в текстовой документ. Весь скрипт комментариев для вашего сайта разделён на две части, первую часть нужно вставить между тегами <head></head> вашего шаблона, которые находятся в самом верху исходного кода, для этого я рекомендую использовать программу notepad++.

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

Комментарии Facebook

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

4

Поле «App name» отвечает за название приложения, «App Category» за категорию. После успешного заполнения формы нужно кликнуть по кнопке «продолжить», сразу появится окно где вас попросят ввести капчу. В итоге вы попадёте на страницу панели управления приложением.

5

Тут нужно выбрать «Веб-сайты» и перейти дальше, на следующей странице представлены все виды виджетов для сайта, нам нужен «Comments Box». Переходим на страницу настроек данного виджета.

6

Тут расположены всего четыре настройки, это: адрес сайта (URL), количество комментариев (Numbers of posts), ширина (Width) и цветовая схема виджета комментариев Facebook. Ниже располагается кнопка «Get Code», нажав которую вы получаете два кода для вставки в <head> сайта и в нужное вам место на сайте своего блока комментариев. Но не всё так просто, в отличие от виджета в контакте, блок комментариев Facebook нельзя модерировать, а так же комментарий оставленный на одной странице сайта будет виден на всех остальных.

Первая проблема исправляется при помощи добавления между тегами <head></head> вашего сайта кода ниже:

<meta property="fb:ID ПРИЛОЖЕНИЯ" content="{ВАШ ID}"/>

А для отображения комментария только на нужной записи, заменяем  адрес вашего сайта в коде два на текст ниже:

<?php the_permalink(); ?>

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

комментариев 7 Добавить комментарий

  • Я использую у себя на сайте только от в контакте, мне лично нравится, да и комментарию по маленьку через соц. сети.

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

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

    • Пожалуйста! Всегда рад помочь.

  • Симпатичный блог у вас. По поводу украшения предлагаю вам посетить Happyblogging.ru. Там и комментарии и украшение к Новому Году не хилое.

    • Спасибо, обязательно посмотрю что и как.

  • Как объединить комментарии из разных социальных сетей в одном элементе? А еще лучше с комментариями, которые уже предусмотрены на сайте.

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