Нужен ли он? В наш компьютерный век практически у всех пользователей интернета есть страничка в соц. сети ВКонтакте. Благодаря виджету ВКонтакте, любой пользователь этой социальной сети сможет комментировать материалы на вашем сайте/блоге не регистрируясь, что является, на мой взгляд, большим плюсом для читателя. К тому же одним нажатием мышки он сможет добавить комментарий на стену своей страницы, и о вашем блоге узнают его друзья. Это будет для вас бесплатной рекламой. Еще один большой плюс в том, что управлять комментариями очень просто - достаточно нажать несколько кнопочек.
Процесс установки виджета комментариев - поэтапноКак же все-таки установить этот виджет на свой сайт? Сейчас постараюсь наглядно это объяснить. В первую очередь вам нужно добавить свой сайт в приложения в ВКонтакте. Для этого зайдите в аккаунт, с которого хотите управлять комментариями (администрировать), а можете зарегистрировать новый.
Теперь приступаем к добавлению сайта в приложения ВКонтакте и настройке виджета. Заполняем все поля. В «Название сайта» вписываете любое название, которое вам понравится. Для удобства лучше вписать название блога, на который добавляете виджет. Дальше «Адрес сайта». Здесь нужно указать адрес на главную страницу сайта, например, google.com, но не google.com/...html. В поле «Основной домен сайта» автоматически будет добавлен адрес сайта без «http://», так что там ничего заполнять не нужно. В разделе «Тематика сайта» вам необходима указать тематику вашего сайта, например, ИТ (компьютеры и софт).
Теперь осталось настроить виджет. Для этого выбираем, сколько комментариев виджет будет выводить на одну страницу. Это не принципиально и на ваше усмотрение.
Дальше «Медиа». Этот раздел дает возможность указать, что можно будет прикреплять к комментариям. Если вы не хотите, чтобы пользователи что-то прикрепляли к комментариям, просто уберите галочку. Также можно вручную отфильтровать что можно будет прикреплять, нажав «подробнее». Убрать ненужные пункты можно путем снятия с них галочки.
Ниже идет «Ширина виджета», которую также можно отрегулировать. Ширина указана в пикселях. Если вы укажите не ту ширину, которая вам подходит, вы сможете в любой момент ее изменить.
После настройки виджета, его нужно добавить на сайт. Здесь тоже ничего сложного нет. В окне «Код для вставки» можно увидеть код, разделенный на три абзаца. Первые два нужно вставить в коде главной страницы вашего сайта в теге «head». Третий абзац необходимо вставить в «тело» страницы - в теге «body», а именно там, где должен будет отображаться виджет.
Теперь на вашем сайте/блоге можно оставлять комментарии через ВКонтакте. Осталось разобраться, как управлять комментариями. Для этого зайдите через свой аккаунт ВКонтакте (через тот, с которого добавляли виджет) на страницу сайта с виджетом комментариев. На самом виджете будет кнопка «администрировать». Нажав на нее, вы попадете в небольшую админ-панель, через которую сможете удалять ненужные комментарии, заносить пользователей в черный список или назначать кроме себя еще администраторов.
На этом мы завершили настройку и установку виджета комментариев ВКонтакте! Он появится после обновления страницы сайта там, где вы его вставили. Если этого не произошло, значит вы, скорее всего, допустили ошибку при его установке. Надеюсь, статья была полезной, а мои объяснения понятными.
Всем привет! Эта статья предназначена для тех, кто хочет добавить комментарии Вконтакте на сайт. Данная возможность также поможет сайту или блогу в продвижении. Если посетитель прокомментирует статью через социальную сеть, ссылка на ваш блог появится на его стене.
В этой статье я разберу две возможности добавить комментарии ВК для сайта: вставка кода формы комментариев в шаблон сайта и с помощью плагина для WordPress – Vkontakte API .
Как добавить комментарии в Вконтакте через виджетДля начала идем на свою страничку Вконтакте и проматываем ее до самого низа. Далее в нижнем меню выбираем пункт «Разработчикам».
В открывшемся окне выбираем «Подключение сайтов и виджеты ».
В секции «Виджеты для сайтов» нажимаем на «Комментарии ».
В следующем окне заполняем поля с информацией о сайте и настраиваем виджет под свой сайт. Потом жмем кнопочку «Сохранить ».
Теперь нужно скопировать код для вставки в буфер обмена. При этом этот код разбит на две части. Первую часть нужно вставить в тег Head, а вторую в код файла single.php вашего шаблона, где будет выводится форма для комментариев.
Тег Head выводится файлом header.php нашего шаблона. Поэтому идем в редактор шаблона и вставляем первую часть кода в данный файл перед закрывающим тегом .
После этого на сайте должна появится форма.
Управлять комментариями можно через вкладку «администрирование».
Комментарий, оставленный на странице попадет на стену только, если пользователь оставит кнопочку с эмблемой Вконтакте активной.
Как видим, виджет комментариев Вконтакте для сайта устанавливается немного дольше, чем через плагин, но зато не нужно загромождать плагинами движок WordPress.
Как установить комментарии Вконтакте на сайт через плагинУстанавливаем плагин Vkontakte API через административную панель сайта. После чего в админке сайта появится пункт «Social API», идем в настройки комментариев.
Для начала нужно получить ID приложения и защищенный ключ. Для этого щелкаем по ссылке, где нужно зарегистрировать свой сайт.
Заполняем поля формы и жмем кнопку «Подключить сайт ».
Переходим в «Настройки » и копируем ID приложения и защищенный ключ в настройки плагина. Не забываем поставить галочку напротив «Активировать».
Делаем необходимые настройки и жмем кнопку «Сохранить изменения ».
На вкладке «Основное» можно настроить, где выводить комментарии Вконтакте – после или до комментариев самого WordPress.
Думаю, у вас не осталось вопросов как добавить комментарии ВК на сайт. Если да, то задавайте их в комментариях под этим постом. С удовольствием отвечу на все. Всем удачи и до скорой встречи!
С уважением, Евгений Кузьменко.
Теперь перейдем к теме статьи. Можно по-разному относиться к социальным сетям, можно их ругать, игнорировать, любить, хвалить, ненавидеть, в крайнем случае.
Я люблю доверять цифрам и они говорят о том, что сеть вконтакте очень популярна на просторах бывшего СНГ и занимает 2 место после поисковой системы Yandex по популярности. Игнорировать такую возможность поднять посещаемость и увеличить популярность своего блога я не имею права, да и вам бы посоветовал начать уважать данную социальную сеть.
Преимущества виджета комментариев вконтактеПосле изучения достоинств и недостатков, выводы каждый для себя сделает сам – вставить комментарии вконтакте на блог или нет? Тогда давайте по порядку разберемся с установкой.
Как правильно установить комментарии вконтакте на сайт?Для начала, вам нужно иметь аккаунт в данной социальной сети. Затем перейти по ссылке
Заполните все необходимые поля корректно. Я на рисунке все подробно выделил.
Основные настройки внесены, теперь разберем код вставки.
Обязательно сохраните файлы header.php, comments.php и single.php перед редактированием. Если что- то некорректно установится, всегда имейте сохраненный вариант, который был до корректировки!
Верхнюю часть кода (цифра 1 на рисунке) я вставил перед закрывающимся тегом тэгом
Для этого зашел в админку блога, затем “Внешний вид” => “Редактор” =>”Шапка”(header.php) .
Нижнюю часть кода нужно вставить в то место на блоге, где вы желаете его отобразить. Я его реализовал над стандартными комментариями wordpress, для этого редактировал comments.php (смотрите рисунок ниже), у вас это может быть свой вариант.
После этого зайдите на любую статью на своем сайте и вы увидите виджет комментариев вконтакте . Он полностью установлен, можете его использовать. Вот как он выглядит:
Вот как внешне выглядит виджет группы вконтакте:
Для его установки, вам необходимо перейти ссылке
После этого заполняем все необходимые поля:
предложенных и скопируйте вверху url адрес в браузере
2. Выберите, что будет отображаться в виджете: участники, новости или только название группы;
3. Выберите удобную ширину и высоту виджета группы;
4. Код вставки разбит на 2 части. Часть 1 вы должны вставить в файл “header.php”, перед закрывающимся тэгом
Для этого зашел в админку блога, затем “Внешний вид” => “Редактор” =>”Шапка”(header.php) (смотрите рисунок ниже).
5. Вторую часть кода 2 кода нужно вставить в то место на блоге, где вы желаете его отобразить. Я его вывел в сайдбаре, для этого вставил код в виджет «текст»
Все, виджет готов и отображается у вас на сайте. Сложно было это реализовать, уважаемые читатели? Считаю, что нет, а вы как думаете? Какие еще интересные фишки вы знаете, которые связывают блог и социальные сети? У вас большой траффик на блог с социальных сетей, поделитесь своими секретами?
В ближайшее время я сделаю на блоге кнопки моих групп в социальных сетям. На сегодня буду заканчивать.
Жаль, но мой отдых в Крыму заканчивается. Скоро я еду домой в Днепропетровск, и прощай теплое море и солнце и Гурзуф… На будущее много планов: замена хостинга, затем дизайна сайта, конкурс кроссвордов ( не пропустите! ). Всем хорошего настроения и позитива!
До встречи!
Честно говоря, сейчас существует множество CMS. Все они наделены обилием разного рода модулей и дополнений. Но есть ряд сайтов, на которых отсутствует должный функционал. Поэтому сегодня мы поговорим о комментариях.
Комментарии на вашем сайте – это один из больших плюсов и вещей, которыми нужно обзавестись в первую очередь. Почему? Потому что комментарии – это общение, прежде всего, живых людей.
Предполагаем, что на вашем сайте нет возможности внедрения локальных (своих) комментариев.
1. Итак, первым делом переходим по и попадаем в раздел для разработчиков, где на открывшейся странице видим форму с настройками. С ними мы сейчас и будем работать.
2. В форме вашей информацией заполняете следующие поля:
-
«Название сайта»;
-
«Адрес сайта».
И выбираете тематику вашего сайта.
Основной домен сайта пропишется автоматически. Жмете «Сохранить » – тем самым вы добавляете сайт в систему.
3. Теперь вам необходимо произвести настройки виджета:
Выбираем:
Количество комментариев , которое будет отображаться по умолчанию (5, 10, 15 или 20 комментариев);
Опцию «Медиа » – если вы хотите, чтобы пользователи могли оставлять не просто текстовые сообщения, но и прикреплять видео, фото, ссылки или другой контент (настраивается по нажатию ссылки «Подробнее »);
Ширину . Если вы хотите сделать фиксированный размер – то укажите размер в пикселях, если же хотите сохранить «резиновый» размер (адаптирующийся под размеры блока, в котором находится виджет) – оставляете поле пустым.
4. И финальным шагом будет подключение виджета к вашему сайту с помощью предложенного кода в поле «Код для вставки ».
4.1. Для этого в секцию HEAD (в HTML-код сайта или его тему), перед закрывающим ее тегом подключите скрипты, выделенные красным:
4.2. В нужное место на сайте, где вы хотите вывести комментарии (в HTML-код сайта или его тему) вставьте код, выделенный синим:
Обратите внимание , что скрипты могут немного отличаться от тех, что на изображениях, в зависимости от ваших настроек.
Сохраните все изменения на сайте и подождите пару минут. Теперь, посмотрев страницы, на которые вы внедрили необходимый код, вы сможете обнаружить готовый виджет комментариев от «ВКонтакте», где сначала сами попробуете написать что-нибудь:)
Если это не так и у вас возникли трудности с установкой или настройкой виджета – пишите об этом в комментариях.
Если вы пользуетесь WordPress, то вероятнее всего вам надоели стандартные комментарии, так как они не очень удобные и скорее всего вам приходит куча спама. Конечно есть куча плагинов, чтобы избавиться от спама, но иногда хочется попробовать какую-то новую систем комментариев. В этой записи, я расскажу как поставить комментарии ВКонтакте на WordPress, а так же покажу плагин, который сделает всю работу за вас.
ВведениеВ этой записи я рассмотрю два способа:
Детальная установка плагинов описана под заголовком ниже, лишь в данном случае вводите «AnyComment» в поиске для установки этого плагина.
Плагин для VK комментариевДавайте установить плагин комментариев ВКонтакте напрямую через панель администратора.
Инструкция к установке:
Это мой личный плагин и я буду вам благодарен если вы оставите хороший отзыв или «5 звезд»:)
Функции- Полностью заменить комментарии от WordPress на ВК
- Поставить виджет VK комментариев вместе с обычными комментариями. В этой случае, вы можете установить позицию виджета, «выше», «ниже» стандартных комментариев или «под заголовком».
- Просмотр всех комментариев оставленных пользователями через VK виджет в админ центре
- Все настройки которые есть у VK виджета комментариев, есть в админке
- Предварительный просмотр виджета комментариев прямо под настройками
- Заходим на страницу с виджетами и выбираем «Комментарии» (или кликните ).
- В выпадающем списке «Сайт/приложение» выбираете «Подключить новый сайт» или выбираете текущий сайт (если вы уже добавляли). При добавлении вам нужно указать «название сайта», «адрес», «основной домен» и выбрать тематику..ru», «сайт» и «ИТ (компьютеры и софт».
- Далее выбираем «Количество комментариев» для отображения. Если вы выберете, например, пять комментариев, а у вас уже добавлено больше, то сначала при загрузке страницы покажется 5 комментарием и далее вы можете нажать нажать «Показать еще», чтобы подгрузить остальные.
- Выбираем нужно вам «Медиа» или нет. Это например добавление граффити, фото, аудио видео и ссылки.
- Устанавливаете ширину блока комментариев.
Мы не будем просто вставлять код, так как это не правильно. Я покажу вам как это делать в стиле WordPress.
Добавляем код виджета VKУ вас должен быть код, который выглядит примерно следующим образом.
VK.init({apiId: XXXXXXX, onlyWidgets: true});
Как вы можете заметить, он разделен на 2 части.
Первая — это скрипты (строки 1-6), которые вам нужно подгрузить для отображения комментариев. Вместе «XXXXXXX» у вас будет отображаться уникальный номер вашего сайта.
Вторая — это часть кода, которая понадобится для отображения комментариев.
Создаем функцию в functions.php- Копируем функцию, которая находится ниже и открываем файл functions.php, который находится внутри вашей темы.
- Спускаемся в самый низ файла и добавляем следующую функцию.
Внимание! Вместо «ВАШ_ID» пишите ID который написан в вашем коде для вставки.
Function vk_comments_api() { if(is_single()) { echo ""; echo " VK.init({apiId: ВАШ_ID, onlyWidgets: true}); "; } } add_action("wp_head", "vk_comments_api");
В этой коде я добавил два скрипта в вашего WordPress сайта. Но я не просто их добавил. Я сделал условие, которые добавит скрипты только в том случае, если запись открыта полностью. А зачем нам нужно грузит сайт лишними скриптами? Верно?
Добавляем комментарии в comments.phpПеред этой строчкой вставляем вторую часть нашего кода, которая выглядит следующим образом:
VK.Widgets.Comments("vk_comments", {limit: 10, width: "665", attach: "*"});
И все готово! Комментарии должны быть успешно установлены.
Если у вас какие-то проблемы — пишите их в комментарии ниже к этой записи, буду рад помочь.
ВыводПодключение комментариев от контакта не такой сложный процесс как вам скорее всего это казалось. Это все занимает не больше пяти минут.
