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

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

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

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

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

Зачем нужно ставить виджеты комментариев?

Это очень удобно для посетителей.

Не нужно регистрироваться, писать свой e-mail, имя и т.п.

Есть аватарка.

Страница смотриться немного красивей и оживлённей.

Комментарий появится у пользователя в новостях, что даст немного посетителей.

Можно общаться с человеком, оставившим комментарий, через социальную сеть.

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

Поэтому нужно оставить и стандартную форму комментариев.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Но, в основном, пишут через форму Вконтакте, так что желательно её установить.

Кстати, я это уже сделал, пользуйтесь=)

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

С уважением, Александр ЕсинСпасибо за внимание!

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

Mне нравится

+25

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

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

RSS или по почте:

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

Favicon галереи. Каталоги фавиконок	Что отпугивает посетителей и заставляет их уйти с сайта	Как я вывел свой сайт из под фильтра Яндекса
Где брать уникальные картинки и как их сделать самому	Gravatar в комментарии для WordPress и uCoz	Сборная России вышла на Чемпионат Европы-2012

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

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

К посту добавлено: 25 комментария:
Порядок вывода комментариев: 1 \| Мария пишет: \| 25 Октября 2011 \| 21:37 Страница с комментарием \| Буду пользоваться Вашими рекомендациями \| (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 Страница с комментарием \| C блоком комментов ВКонтакте проблем нет. а вот с блоком Facebook - не хочет он отображаться. в чем может быть причина. сделал все согласно мануалу. Спасибо \| (0) 8 \| n1se пишет: \| 05 Января 2012 \| 16:49 Страница с комментарием \| Если форма добавления комментариев не отображается, значит, скорей всего вы как-то неправильно поставили коды. Попробуйте сделать, чтобы комментарии привязывались к определенной странице. \| (0) 9 \| Roman пишет: \| 03 Июня 2012 \| 11:35 Страница с комментарием \| u menya vsyo zashebis!!! :p \| (0) 10 \| trecker пишет: \| 14 Июня 2012 \| 00:01 Страница с комментарием \| вот спс \| (0) 11 \| Елена пишет: \| 12 Августа 2012 \| 12:46 Страница с комментарием \| Всем привет! Всё это хорошо, конечно, но хотелось бы узнать как установить эти виджеты, чтоб они стояли одним блоком, а не по отдельности. Например как вот тут: http://i-business.biz/uncategorized/oplata-i-dostavka.html И ещё, может быть Вы знаете как установить боковые виджеты на группы ВК и ФБ тоже одним блоком, как вот тут: http://www.soulimage.ru/ Все вместе ВК,ФБ,Твитер и Ютуб. Спасибо! \| (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 Страница с комментарием \| Всем доброго времени суток! Может кто-то знает, возможно ли сделать так, чтобы пользователь мог прикреплять к своему комментарию файлы (скриншоты,фотографии).Спасибо! \| (0) 17 \| Artem пишет: \| 04 Декабря 2013 \| 23:04 Страница с комментарием \| А в дальнейшем где редактировать коменты ? \| (0) 18 \| Владислав Тамилин пишет: \| 01 Июля 2014 \| 00:20 Страница с комментарием \| 22 \| (0) 19 \| Владик пишет: \| 09 Ноября 2014 \| 00:34 Страница с комментарием \| Я лично http://web-ratings.ru/webmasters виджет стал юзать. Плюс в том что он простой + отзывы отображаться сразу на странице (не переходя на сторонний сайт) \| (0) 20 \| Никита пишет: \| 28 Апреля 2015 \| 23:31 Страница с комментарием \| поддерживаю Артема: А в дальнейшем где редактировать коменты? На некоторых сайтах пишут - добавить строку … <meta property="fb:app_id" content="{YOUR_APPLICATION_ID}"/> </head> Добавил, ничего в форме не изменилось. Как далее? \| (0) 21 \| Иван пишет: \| 26 Января 2017 \| 18:47 Страница с комментарием \| А что вы скажете по поводу использования комментариев фейсбука в паре с комментариями сайта? Какой эффект от этого будет? и что если вместо стандартной формы комментирования сайта использовать готовый сервис типа disqus, getrate.me? \| (0) 22 \| n1se пишет: \| 31 Января 2017 \| 20:10 Страница с комментарием \| Лучше использовать сервис типа disqus, чтобы была возможность авторизовываться через множество социальных сетей. \| (0) 23 \| Fresh пишет: \| 23 Марта 2017 \| 16:23 Страница с комментарием \| Подскажите, плиз, установил плагин комментариев от Facebook. Вроде все правильно: 1ая часть в header.php, 2ая в single.php. В итоге НА ВСЕХ СТРАНИЦАХ комментарии дублируются. Т.е. пишешь коммент к одной статье, такой же автоматом добавляется в других. С плагином от vk таких проблем нет, все по аналогии и все работает. \| (0) 24 \| Winstonzep пишет: \| 12 Июня 2017 \| 19:53 Страница с комментарием \| http://cryptoarticles.com - Exchange Dash http://btccodex.com - Bitcoin mining http://CRYPTOTALK.NET - Exchange Dash http://BEST-BITCOIN-MINING-POOL.COM - Exchange Perfect Money \| (0) 25 \| elena-savinova.ru пишет: \| 14 Июня 2017 \| 23:55 Страница с комментарием \| http://elena-savinova.ru/ - Дизайн интерьера \| (0)