О чем чаще всего думает начинающий веб-мастер? Конечно об интерактивности на своей страничке. Но зная один HTML её к сожалению, не возможно реализовать. Но на помощь часто приходят готовые решения сторонних разработчиков.
Сейчас мы рассмотрим продукт крупнейшей социальной сети ВКонтакте — виджет комментариев.
Для начинающих веб-мастеров этот виджет дает возможность добавить интерактивность на сайт в виде блока комментариев на каждой веб-странице, затрачивая минимум усилий.
Рассмотрим, чем хорош новый виджет для веб-мастера:
- Прост в установке. Установка с нуля на совершенно неподготовленный для этого сайт заняла у меня не более 10 минут и это вместе с прочтением документации.
- Красиво выглядит на сайте.
- Удобен и привычен большинству пользователей.
- Связан с соц.сетью таким образом, что на стене у пользователя, оставившего комментарий на вашем сайте, остается информация о том, где он оставил комментарий с указанием ссылки на сайт. Эта же информация попадает и в новостную ленту пользователей в контакте и также содержит ссылку на сайт. Это обещает лавинообразный рост посещаемости для веб-мастеров, если есть что комментировать, конечно.
- Нет анонимных пользователей.
Существенные минусы тоже есть:
Как установить виджет ВКонтакте на сайт
- Комментарии не будут индексироваться поисковиками, т.к. виджет выполняется на JavaScript.
- Виджет глючит и постоянно перезагружает страницу в IE 6, если пользователь не авторизован в контакте. Хоть IE 6 и старый, но по статистике им еще пользуется около 5% людей. Это много.
- Нет единой панели администрирования для всех комментариев сайта, приходиться ходить по страницам и смотреть, кто что написал. Может сделают еще? Уже сделали.
Можно пофантазировать, к чему приведет появление данного виджета комментариев в Рунете. Предполагаю, что постепенно теряющие популярность форумы потеряют её совсем. Гостевые книги — уйдут в небытие. Блогам будет все труднее удерживать пользователей, т.к. никто не захочет регистрироваться в них, для того, чтобы оставить комментарий. Вероятно, пользователи вообще станут намного реже где-то регистрироваться.
Ознакомиться с инструкцией по установке виджета можно по ссылке:
http://vkontakte.ru/developers.php?o=-1https://codething.ru/vkcomments.php» target=»_blank»]codething.ru[/mask_link]
LiveInternetLiveInternet
Коронавирус и Коронабесие 12:37 10.02.2021 Фотографий: 6 
Создание интернет магазина в конструкторе Юкоз 15:05 28.11.2018 Фотографий: 5 
Раскрутка сайта в соцсетях 22:30 25.06.2018 Фотографий: 8
Как добавить виджет комментариев ВК на сайт
-Поиск по дневнику
-Подписка по e-mail
-Интересы
-Постоянные читатели
-Статистика
Создан: 22.06.2018
Записей:
Комментариев:
Написано: 251
Виджет для комментариев на сайт от ВКонтакте. Настройка и установка на сайт
Вторая часть статьи. С первой частью Вы можете ознакомиться по ссылке: Виджет для комментариев на сайт от ВКонтакте — Ознакомительная информация. Ну что ж, переходим непосредственно к настройке и установке на сайт виджета ВК. На странице разработчиков, после описания, находится форма настройки блока комментариев. Вот, кстати, прямая ссылка на эту страницу: Сервисы ВКонтакте: 
Заполните форму виджета комментариев ВКонтакте для сайта
Примерно так как это сделал я: 
Укажите первоначальное количество комментариев которое Вы бы хотели видеть страницах своего сайта. Также можно выбрать что, ещё, помимо текстовой информации, посетители Вашего сайта смогут добавлять в своих комментариях: 
Кроме этого Вы можете настроить ширину Вашего виджета комментариев. Вы можете указать ширину в процентах или пикселях. Если Вы выберите ширину блока равной 100% ( как, кстати, поступил я ), то виджет комментариев ВКонтакте для сайтов займёт всё доступное ему место, той страницы Вашего сайта на которую Вы его вставите. Ширину 100% удобно задавать, на мой взгляд, если Ваш сайт имеет адаптивный дизайн и размеры страниц сайта подстраиваются под размер экрана посетителя Вашего ресурса.
Таким образом код блока комментариев ВКонтакте для сайта будет сформирован
Вам остаётся, только скопировать его и разместить код на нужных страницах своего сайта: 
Переходим к установке виджета комментариев ВКонтакте на страницы сайта
Я решил разместить этот информационный блок под текстами всех своих статей/уроков на своём сайте под стандартным uCoz — овским блоком комментирования. Соответственно дальнейшее своё повествование я буду вести из Панели Управления моим сайтом, который создан в безплатном Конструкторе сайтов uCoz.
Если Ваш сайт создан на какой либо другой платформе ( имя им легион — ибо их много (с) ) — не отчаивайтесь! Просто доберитесь до HTML кода страницы на которой Вы хотите разместить виджет комментариев от ВК, а дальнейшие Ваши шаги будут практически идентичны, в зависимости от специфики Вашей платформы, естественно, тем которые я опишу и покажу ниже. HTML код — он, ведь, везде построен по одним канонам! Практически как доллар, который как известно, и в Африке доллар (с) : ) Итак переходим в Панель Управления и выбираем, для редактирования, необходимый шаблон дизайна сайта: 
Страница урока на моём сайте: 
Код виджета комментариев ВКонтакте для сайта я решил разместить вот здесь, аккурат под «штатным» блоком комментирования: 
А вот как выглядит, уже установленный мною, код виджета в шаблоне дизайна «Страница материала и комментариев к нему»: 
Код инфоблока добавлен, изменения сохранены? Любуемся полученным результатом.
Виджет комментариев ВКонтакте успешно установлен на сайт
Кстати, единожды разместив код данного виджета, в вышеуказанном шаблоне «Страница материала. «, я добился того что форма комментирования от ВКонтакте, теперь появится подо ВСЕМИ статьями/уроками на моём сайте. Как прошлыми так и, даже, будущими!
Что, собственно, мне и требовалось. Такова уж специфика данного конструктора сайтов. Автоматизация во всей своей красе, чо : ) Осталось сказать пару слов о настройках виджета.
Так как никаких специальных оповещений о добавлении нового комментария, к Вашим материалам на сайте, разработчики виджета не предусмотрели, то остаётся, периодически, заходить на ЛЮБУЮ страницу сайта с установленным блоком комментирования от ВКонтакте и, вручную, проверять наличие или отсутствие комментариев. Для такой возможности необходимо нажать на вкладку «администрирование»: 
Доступны такие функции, как: Удаление комментариев, Внесение определённых комментаторов в чёрный список, Назначение администраторов их числа Ваших друзей и подписчиков в социальной сети ВКонтакте: 
Если Вам понравилась эта статья — не забывайте ставить «лайки», делать репосты и делиться моими уроками в соц-сетях, на своих страничках и на страничках своих друзей.
Это поможет продвижению моего сайта. Подписывайтесь на обновления моего сайта, чтобы оперативно узнавать о выходе новых статей о создании и раскрутке сайта или интернет магазина своими силами. Оформите подписку на новые уроки портала «Уроки создания и продвижения сайта» по электронной почте акже, Вы можете следить за моими новыми уроками в соцсетях: Группа в Контакте: Делаем сайт с нуля Канал в Яндекс Дзен: Делаем и продвигаем сайт Мой блог на платформе blogspot.ru: Делаем сайт с нуля Моя группа в Фейсбук: Пошаговое создание сайта с нуля Сообщество Google +: Делаем сайт самостоятельно Блог в SKIES: Делаем сайт с нуля самостоятельно Страничка в соцсети Твиттер: Сайт своими руками Дневник в liveinternet: Создание и продвижение сайта самостоятельно Дневник в diary.ru: Уроки по созданию и раскрутке сайта и интернет магазина Если Вам помогли мои уроки, по созданию и продвижению сайта, Вы можете сделать, добровольный, благотворительный взнос для поддержки моего проекта делаем-сайт.com Для этого переведите, произвольную, на Ваше усмотрение, денежную сумму, ( рубль, как известно, доллар бережёт : ) ), на мой Яндекс Кошелёк. Донейшен, такой донейшен : ) Мой кошелёк в Яндекс Деньги Вы можете сделать пожертвование как со своего счёта в Яндекс Деньги, так и при помощи банковской карты. Выберите приемлемый вариант напротив поля с суммой Вашего перевода.
Социальная группа в Контакте. Как создать, настроить и продвигать группу в ВК. Делаем группу в Контакте для продвижения сайта, услуг или товаров.
Делаем сайт своими руками. Вы научитесь делать и продвигать сайт безплатно с помощью уроков из этого раздела. Сделать безплатный сайт самостоятельно можно! В разделе находятся, неупорядоченные по рубрикам, все уроки по мере написания и добавления на сайт.
Источник: www.liveinternet.ru
Как установить на сайт виджет для комментариев Вконтакте
Для добавления на сайт возможности комментирования с помощью аккаунта Вконтакте, нужно создать виджет на этой странице http://vk.com/dev/Comments, обязательно нужно быть залогиненным под аккаунтом того человека, который в дальнейшем будет вести модерацию этих комментариев. То есть, если разработчик делает сайт для третьего лица, то при регистрации виджета нужно использовать аккаунт заказчика.
Итак мы на странице http://vk.com/dev/Comments. Настроек очень мало, что сильно облегчает работу. Нам нужно ввести Название сайта, Адрес сайта, Основной домен сайта (сформируется из Адреса сайта), выбрать Тематику сайта, отметить необходимое Количество комментариев для вывода на странице (5 или 10 вполне достаточно), выбрать необходимые Медиа-возможности и указать ширину виджета, которая зависит от макета, в который виджет будет устанавливаться.
По умолчанию отмечен чекбокс Медиа — Включить расширенные комментарии, это позволяет комментаторам использовать Граффити, Фотографии, Видео, Аудио и Ссылки в комментариях. Если же нужно отключить какие-то параметры медиа, то при нажатии на Подробнее, Вы получите полный список используемых медиа настроек. В дальнейшем, при настройке виджета на сайте можно подключать и отключать нужные функции медиа в коде, используя вместо attach: «*» , например, код в котором перечислены необходимые параметры для медиа attach: «graffiti,photo,audio,link» (отключено Видео).
Но это я забежал чуть вперед.
После настройки всех необходимых параметров жмем «Сохранить«. После сохранения виджета ниже в окне вы получаете готовый код, который выглядит примерно так:
Здесь все просто, код который отмечен комментарием Put this script tag to theof your page добавляем в код своего сайта перед закрывающимся тегом , для сайтов на CMS WordPress этот код нужно добавить в файл header.php.
А код, который отмечен комментарием Put this div tag to the place, where the Comments block will be нужно добавить в то место своего сайта, в котором виджет с комментариями должен выводиться, для сайтов на CMS WordPress этот код чаще всего добавляется в файл single.php.
Подводим итог
of your page —> VK.init();
VK.Widgets.Comments(«vk_comments», );
добавлен в место для вывода виджета комментариев.
После всех манипуляций получаем на сайте красиво оформленный виджет комментариев для ВКонтакте:
Важным моментом является наличие кнопки «администрирование», которая доступна только администратору и позволяет модерировать комментарии.
Источник: web-sovety.ru