Уроки самостоятельного создания и продвижения сайта и интернет магазина
Вторая часть статьи.

С первой частью Вы можете ознакомиться по ссылке: Виджет для комментариев на сайт от ВКонтакте - Ознакомительная информация.

Ну что ж, переходим непосредственно к настройке и установке на сайт виджета ВК.

На странице разработчиков, после описания, находится форма настройки блока комментариев. Вот, кстати, прямая ссылка на эту страницу: Сервисы ВКонтакте:

Заполните форму виджета комментариев ВКонтакте для сайта

Примерно так как это сделал я:

Укажите первоначальное количество комментариев которое Вы бы хотели видеть страницах своего сайта.

Также можно выбрать что, ещё, помимо текстовой информации, посетители Вашего сайта смогут добавлять в своих комментариях:

Кроме этого Вы можете настроить ширину Вашего виджета комментариев. Вы можете указать ширину в процентах или пикселях.

Если Вы выберите ширину блока равной 100% ( как, кстати, поступил я ), то виджет комментариев ВКонтакте для сайтов займёт всё доступное ему место, той страницы Вашего сайта на которую Вы его вставите.

Ширину 100% удобно задавать, на мой взгляд, если Ваш сайт имеет адаптивный дизайн и размеры страниц сайта подстраиваются под размер экрана посетителя Вашего ресурса.

Таким образом код блока комментариев ВКонтакте для сайта будет сформирован

Вам остаётся, только скопировать его и разместить код на нужных страницах своего сайта:

Переходим к установке виджета комментариев ВКонтакте на страницы сайта

Я решил разместить этот информационный блок под текстами всех своих статей/уроков на своём сайте под стандартным uCoz - овским блоком комментирования.

Соответственно дальнейшее своё повествование я буду вести из Панели Управления моим сайтом, который создан в безплатном Конструкторе сайтов uCoz.

Если Ваш сайт создан на какой либо другой платформе ( имя им легион - ибо их много (с) ) - не отчаивайтесь!

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

HTML код - он, ведь, везде построен по одним канонам! Практически как доллар, который как известно, и в Африке доллар (с) : )

Итак переходим в Панель Управления и выбираем, для редактирования, необходимый шаблон дизайна сайта:

А вот оно, заветное местечко, в которое и будет "втыкнут" код виджета комментариев для сайта : ) В двух своих ипостасях:

Шаблон дизайна страниц сайта, в Панели Управления:

Страница урока на моём сайте:

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

А вот как выглядит, уже установленный мною, код виджета в шаблоне дизайна "Страница материала и комментариев к нему":

Код инфоблока добавлен, изменения сохранены? Любуемся полученным результатом.

Виджет комментариев ВКонтакте успешно установлен на сайт

Кстати, единожды разместив код данного виджета, в вышеуказанном шаблоне "Страница материала...", я добился того что форма комментирования от ВКонтакте, теперь появится подо ВСЕМИ статьями/уроками на моём сайте.

Как прошлыми так и, даже, будущими! Что, собственно, мне и требовалось.

Такова уж специфика данного конструктора сайтов. Автоматизация во всей своей красе, чо : )

Осталось сказать пару слов о настройках виджета.

Так как никаких специальных оповещений о добавлении нового комментария, к Вашим материалам на сайте, разработчики виджета не предусмотрели, то остаётся, периодически, заходить на ЛЮБУЮ страницу сайта с установленным блоком комментирования от ВКонтакте и, вручную, проверять наличие или отсутствие комментариев.

Для такой возможности необходимо нажать на вкладку "администрирование":

Доступны такие функции, как: Удаление комментариев, Внесение определённых комментаторов в чёрный список, Назначение администраторов их числа Ваших друзей и подписчиков в социальной сети ВКонтакте:


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

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

Оформите подписку на новые уроки портала "Уроки создания и продвижения сайта" по электронной почте

Также, Вы можете следить за моими новыми уроками в соцсетях:

Группа в Контакте: Делаем сайт с нуля

Канал в Яндекс Дзен: Делаем и продвигаем сайт

Мой блог на платформе blogspot.ru: Делаем сайт с нуля

Моя группа в Фейсбук: Пошаговое создание сайта с нуля

Сообщество Google +: Делаем сайт самостоятельно

Блог в SKIES: Делаем сайт с нуля самостоятельно

Страничка в соцсети Твиттер: Сайт своими руками

Дневник в liveinternet: Создание и продвижение сайта самостоятельно

Дневник в diary.ru: Уроки по созданию и раскрутке сайта и интернет магазина


Если Вам помогли мои уроки, по созданию и продвижению сайта, Вы можете сделать, добровольный, благотворительный взнос для поддержки моего проекта делаем-сайт.com

Для этого переведите, произвольную, на Ваше усмотрение, денежную сумму, ( рубль, как известно, доллар бережёт : ) ), на мой Яндекс Кошелёк. Донейшен, такой донейшен : )

Мой кошелёк в Яндекс Деньги

Вы можете сделать пожертвование как со своего счёта в Яндекс Деньги, так и при помощи банковской карты. Выберите приемлемый вариант напротив поля с суммой Вашего перевода.

Если Вы заметили какую либо ошибку на сайте или в статье - просьба сообщить об этом в комментариях!

Удачи в создании и продвижении собственного сайта или интернет - магазина!


@темы: Раскрутка сайта в соцсетях