Как добавить комментарии от Вконтакте и 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 года в рубрике: «Создание и Ведение блога» | Просмотров: 20581


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



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



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

Как создать блог на uCoz с нуля. Страница материала
Как создать блог на uCoz с нуля. Страница материала


Подборка трастовых сайтов
Подборка трастовых сайтов


Сервисы взаимного фолловинга для Twitter
Сервисы взаимного фолловинга для Twitter


Результаты конкурса комментаторов
Результаты конкурса комментаторов


Как заработать в Twitter. Монетизация twitter аккаунта
Как заработать в Twitter. Монетизация twitter аккаунта


Как я вывел свой сайт из под фильтра Яндекса
Как я вывел свой сайт из под фильтра Яндекса




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


К посту добавлено: 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-блоги для комментированияВ этой статье вы найдёте информацию о том, как оптимизировать сайт на ucoz
Опросы
Какая CMS лучше?
Всего ответов: 106
Я публикуюсь тут
1
Топ комментаторов
n1se
Комментариев: 179

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

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

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

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

Статистика



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

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