Виджет ВКонтакте на сайт — блок комментариев

Виджет ВКонтакте на сайт — как разместить блок комментариев Вконтакте на вашем сайте. Выглядит это так, как оформлены комментарии ниже к этой статье. Чаще всего таким способом пользуются для работы в вебинарной комнате, пример можете посмотреть в моей вебинарной.

Рекламный блок:

Конец Рекламного блока. Далее текст статьи.

Часть 1 – создаем код ВКонтакте

Для создания блока комментариев в аккаунте ВКонтакте зайдите во вкладку в левой панели «Управление», далее двигаетесь в «Продукты» и далее выбираете «Виджеты».

Комментарии вконакте начало

ВК создание виджете 001

ВК создание виджете 002

Среди предложенных вариантов виджетов найдите «Комментарии» — вы попали туда, где можно настроить блок: размеры, цвет, количество публикуемых сообщений на страницу.

ВК создание виджете 003

Комментарии вконакте 003

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

Комментарии вконакте 004

Затем настройте вид блока комментариев и скопируйте код HTML для вставки на страницу сайта.

Часть 2 – вставляем код на сайте

В админпанели сайта откройте запись или страницу, на которых вы хотите разместить комментарии. Перейдите в текстовый редактор и в нужном месте вставьте скопированный из ВКонтакте код.

Комментарии вконакте 005

Комментарии вконакте 006

Сохраните (обновите) страницу.

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

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

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

Вот так вот просто, буквально в пару шагов вы сделаете более интерактивной вашу страничку.

Удачи в освоении интернета!

Рассказывала Седова Ольга.

 


Еще информация по теме:

-->