Как добавить комментарии от Вконтакте и Facebook на свой сайт | Блог Александра Есина

Александр Есин
Привет! Меня зовут Александр, я являюсь автором данного блога.
Про меня вы можете подробнее узнать на странице Об авторе
Связаться со мной можно на странице Контакты или Предложения



Блог Александра Есина » Создание и Ведение блога » Как поставить виджет комментарии Вконтакте и Facebook на свой сайт

Как поставить виджет комментарии Вконтакте и Facebook на свой сайт
Как поставить виджет комментарии Вконтакте и Facebook на свой сайт


Здравствуйте читатели блога AEsin.Ru ! Сегодня я хочу рассказать вам о том, Как поставить виджет комментарии Вконтакте и Facebook на свой сайт

Зачем нужно ставить виджеты комментариев? 
Это очень удобно для посетителей. 
Не нужно регистрироваться, писать свой e-mail, имя и т.п.
Есть аватарка. 
Страница смотриться немного красивей и оживлённей. 
Комментарий появится у пользователя в новостях, что даст немного посетителей. 
Можно общаться с человеком, оставившим комментарий, через социальную сеть. 

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


Как установить виджет комментарии Вконтакте на сайт: 
Для начала нужно зайти на страницу виджета Вконтакте для разработчиков - http://vkontakte.ru/developers.php?p=Comments 

Там нажимаем "Подключить новый сайт" и вводим информацию в нужные поля: 

Как поставить виджет комментарии Вконтакте и Facebook на свой сайт. 

Ниже выбираем количество комментариев (сколько их будет в развёрнутом виде). Выбираем ширину. 


Как поставить виджет комментарии Вконтакте и Facebook на свой сайт. 


Дальше копируем "код для вставки": Выделенную часть (которая на картинке) вставяем перед тегом <head>

  Как поставить виджет комментарии Вконтакте и Facebook на свой сайт. 

У вашего сайта будет другой apiId ! Дальше копируем эту часть кода: 

Как поставить виджет комментарии Вконтакте и Facebook на свой сайт. 

И вставляем её в то место, где хотите, чтобы выводились комментарии. 

После установки вы увидете вот такую форму для написания комментариев. 


Как поставить виджет комментарии Вконтакте и Facebook на свой сайт. 

Кстати, если нажать кнопку "администрирование", то вы перейдёте на меню управления комментариями. 
Это очень удобно.Можно следить за комментариями на сайте, назначать администрторов, добавлять людей в чёрный список. 

Всё. На этом установка виджета комментарии Вконтакте закончена!

Теперь переходим к установке виджета комментарии Facebook.



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

Первым делом переходим на страницу разработчиков Facebook - http://developers.facebook.com/docs/reference/plugins/comments/

Там нужно заполнить все поля:

  Как поставить виджет комментарии Вконтакте и Facebook на свой сайт. 


Адрес сайта (URL to comment on), количество несвернутых комментариев (Number of posts), ширина блока (Width), цветовая схема (Color Scheme) — светлая или темная (light/dark). Дальше нажимаем "Get Code" (Получить код) Откроется окно с кодом: 


Как поставить виджет комментарии Вконтакте и Facebook на свой сайт.


Копируем первый код: 


Как поставить виджет комментарии Вконтакте и Facebook на свой сайт. И 

вставляем после <body>

Копируем второй код: 


Как поставить виджет комментарии Вконтакте и Facebook на свой сайт. 

И вставляем в то место, где хотите, чтобы выводились комментарии. 

После установки вы увидите такую форму добавления комментариев: 


Как поставить виджет комментарии Вконтакте и Facebook на свой сайт. 

Всё.На этом установка виджета комментарии Facebook закончена! 

Зачем лучше делать обе формы добавления комментариев? 

Если человек зарегистрирован в контакте, то он напишет через форму Вконтакте. 
А если человек зарегистрирован в Facebook, то напишет через форму Facebook. 

Но, в основном, пишут через форму Вконтакте, так что желательно её установить. 
Кстати, я это уже сделал, пользуйтесь=)

Те, у кого проблема с комментариями Facebook, могут прочитать статью - Как исправить проблему с отображением комментариев Facebook?

С уважением, Александр Есин
Спасибо за внимание!
Пост опубликован 25 Октября 2011 года в рубрике: «Создание и Ведение блога» | Просмотров: 20747


Буду благодарен, если поделитесь этой статьей



Чтобы не пропустить новые статьи, советую подписаться на обновления блога по RSS или по почте:



Советую почитать другие статьи блога:

Заработок на нулевом сайте на бирже статей liex
Заработок на нулевом сайте на бирже статей liex


Сервис создания блока другие статьи для сайта
Сервис создания блока другие статьи для сайта


Что отпугивает посетителей и заставляет их уйти с сайта
Что отпугивает посетителей и заставляет их уйти с сайта


Как создать блог на uCoz с нуля. Введение
Как создать блог на uCoz с нуля. Введение


Как создать блог на uCoz с нуля. Полезные функции на uCoz блоге.
Как создать блог на uCoz с нуля. Полезные функции на uCoz блоге.


Как создать уникальный блог
Как создать уникальный блог




Буду рад, если вы оставите свой комментарий


К посту добавлено: 23 комментария:
1 | Мария пишет: | 25 Октября 2011 | 21:37 ( E-mail ) Спам
Буду пользоваться Вашими рекомендациями
| + (0) -
2 | Валерий пишет: | 08 Ноября 2011 | 22:09 Спам
Не могу вставить, но буду пробовать.
| + (0) -
3 | n1se пишет: | 09 Ноября 2011 | 07:46 Спам
В чём именно проблема?
| + (0) -
4 | Роман пишет: | 21 Ноября 2011 | 15:55 Спам
На мой взгляд, было бы удобнее сделать комментарии табами
| + (0) -
5 | Alexxx пишет: | 23 Ноября 2011 | 17:53 Спам
проблемы с администрированием комментов, напишите как
| + (0) -
6 | Egor пишет: | 11 Декабря 2011 | 12:07 Спам
Спасибо за подробный мануал, будем ставить!
| + (0) -
7 | Александр пишет: | 05 Января 2012 | 15:29 ( E-mail ) Спам
C блоком комментов ВКонтакте проблем нет. а вот с блоком Facebook - не хочет он отображаться. в чем может быть причина. сделал все согласно мануалу.

Спасибо
| + (0) -
8 | n1se пишет: | 05 Января 2012 | 16:49 Спам
Если форма добавления комментариев не отображается, значит, скорей всего вы как-то неправильно поставили коды.
Попробуйте сделать, чтобы комментарии привязывались к определенной странице.
| + (0) -
9 | Roman пишет: | 03 Июня 2012 | 11:35 Спам
u menya vsyo zashebis!!! tongue :p tongue
| + (0) -
10 | trecker пишет: | 14 Июня 2012 | 00:01 ( E-mail ) Спам
вот спс
| + (0) -
11 | Елена пишет: | 12 Августа 2012 | 12:46 Спам
Всем привет! Всё это хорошо, конечно, но хотелось бы узнать как установить эти виджеты, чтоб они стояли одним блоком, а не по отдельности. Например как вот тут:
http://i-business.biz/uncategorized/oplata-i-dostavka.html
И ещё, может быть Вы знаете как установить боковые виджеты на группы ВК и ФБ тоже одним блоком, как вот тут:
http://www.soulimage.ru/
Все вместе ВК,ФБ,Твитер и Ютуб.
Спасибо! sad
| + (0) -
12 | n1se пишет: | 12 Августа 2012 | 12:56 Спам
Чтобы комментарии сделать одним блоком, нужно использовать jquery. А именно сделать вкладки на jQuery. У меня на блоге тоже такой вид.

Чтобы виджеты групп тоже стояли так же, нужно тоже использовать вкладки на jQuery.

О том, как их сделать, в интернете полно информации.
| + (0) -
13 | Елена пишет: | 12 Августа 2012 | 12:57 Спам
Спасибо!
| + (0) -
14 | Александр пишет: | 08 Октября 2012 | 13:44 Спам
А у меня сразу два виджита отображаются. Один для черного фона, другой для белого. У меня на сайте фон черный. Как оставить только его, подскажите пожалуйста !!
| + (0) -
15 | Антон пишет: | 18 Октября 2012 | 22:06 Спам
Знаю, что существует смежный виджет или плагин комментариев вконтакте и фейсбука. Т.е. форма комментов от обеих сетей выглядит как одно целое, имеет две соответствующие вкладки. Не подскажете. где такой взять?
| + (0) -
16 | Елена пишет: | 25 Июня 2013 | 15:41 ( E-mail ) Спам
Всем доброго времени суток! Может кто-то знает, возможно ли сделать так, чтобы пользователь мог прикреплять к своему комментарию файлы (скриншоты,фотографии).Спасибо!
| + (0) -
17 | Artem пишет: | 04 Декабря 2013 | 23:04 ( E-mail ) Спам
А в дальнейшем где редактировать коменты ?
| + (0) -
18 | Владислав Тамилин пишет: | 01 Июля 2014 | 00:20 ( E-mail ) Спам
22
| + (0) -
19 | Владик пишет: | 09 Ноября 2014 | 00:34 ( E-mail ) Спам
Я лично http://web-ratings.ru/webmasters виджет стал юзать.
Плюс в том что он простой + отзывы отображаться сразу на странице (не переходя на сторонний сайт)
| + (0) -
20 | Никита пишет: | 28 Апреля 2015 | 23:31 ( E-mail ) Спам
поддерживаю Артема: А в дальнейшем где редактировать коменты?
На некоторых сайтах пишут - добавить строку

<meta property="fb:app_id" content="{YOUR_APPLICATION_ID}"/>
</head>
Добавил, ничего в форме не изменилось. Как далее?
| + (0) -
21 | Иван пишет: | 26 Января 2017 | 18:47 ( E-mail ) Спам
А что вы скажете по поводу использования комментариев фейсбука в паре с комментариями сайта? Какой эффект от этого будет? и что если вместо стандартной формы комментирования сайта использовать готовый сервис типа disqus, getrate.me?
| + (0) -
22 | n1se пишет: | 31 Января 2017 | 20:10
Лучше использовать сервис типа disqus, чтобы была возможность авторизовываться через множество социальных сетей.
| + (0) -
23 | Fresh пишет: | 23 Марта 2017 | 16:23 ( E-mail ) Спам
Подскажите, плиз, установил плагин комментариев от Facebook.
Вроде все правильно: 1ая часть в header.php, 2ая в single.php.
В итоге НА ВСЕХ СТРАНИЦАХ комментарии дублируются. Т.е. пишешь коммент к одной статье, такой же автоматом добавляется в других. С плагином от vk таких проблем нет, все по аналогии и все работает.
| + (0) -
Имя * :
Email * :
WWW:
Код *:


Зарегистрируйтесь на блоге, чтобы получить больше возможностей: [ Регистрация | Вход ]
Обновления
Подпишитесь и получайте новые статьи блога первыми:


Подписка по почте:


Новое на блоге
Интересное на блоге
Как автоматичеси отправлять ссылки на статьи в TwitterВ этом списке вы найдете dofollow-блоги для комментированияВ этом посту вы найдёте свежий Список RSS-каталогов
Опросы
Что лучше?
Всего ответов: 175
Я публикуюсь тут
1
Топ комментаторов
n1se
Комментариев: 179

AnTo
Комментариев: 16

Floopy
Комментариев: 10

Indyra
Комментариев: 4

Alvion
Комментариев: 3

Статистика



Статей на блоге: 110
Комментариев на блоге: 1221

[ Регистрация | Вход ]