Время чтения: 2 мин. 11 февраля 2016 в 13:52 Блог веб-разработчика
Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5
Загрузка...

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

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

2013-04-17_120828

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

В данной статье я расскажу о том, как сделать Комментарии Вконтакте на сайт. И я настоятельно рекомендую делать Комментарии Вконтакте по схеме, которую я описал, а не установкой плагина (не важно как он называется, они все не всегда правильно работают).

Объясню почему не стоит делать Комментарии Вконтакте через плагин.

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

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

Суть проблемы такова, пишет мне заказчик: Максим, проблема в том, что когда я пишу что-то в комментариях через модуль Вконтакте, нынешнее название страницы не соответсвует действительности.

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

То есть: я создал страницу, назвал её — Тест, он в дальнейшем переименовал её на —  КОМФОРТ ХАУС — Дома для жизни +7 964 385 7624.

Если написать комментарий через модуль Вконтакте, то в том месте где вы пишите и на Вашей стене Вконтакте появиться комментарий, с заголовком — Название страницы.

20441443-04-16_234059

Когда использовался плагин — Комментарии Вконтакте — название страницы осталась самое первое, т.е. Тест,а так неправильно.

20441443-04-16_2340579

По этому я убрал плагин, установил все вручную и все стало работать как нужно.

Теперь о самой установке: все просто как 2*2

1. Вам необходимо иметь аккаунт Вконтакте и вы должны быть авторизованы.

2. Открываем страницу разработчиков: https://vk.com/developers.php?p=Comments

3. Жмем — Подключить новый сайт

2013-04-17_110512

4. Заполняем все поля, где:

2013-04-17_111124

1. Название сайта: Пишем любое название для себя, отображается только здесь, при добавлении новых сайтов.

2. Адрес сайта: Здесь вставляете адрес сайта, на который хотите установить Комментарии Вконтакте

3. Основной домен сайта: Если адрес сайта не имеет поддоменов то основной домен сайта пропишется сам.

4. Количество комментариев: советую ставить не больше 10 т.к. сайт вниз становиться очень длинным.. Если Вы ставите 10 комментариев,  это не значит что их там сможет быть всего 10, а будет сколько угодно, просто после 10 последних комментариев кнопка — к предыдущим записям ↓

2013-04-17_111535

5.  Медиа: возможность отправлять Аудио, Видео, Фото, Графити. Если галочку не ставить,  этих модулей не будет. Но это в любом момент можно зайти и поменять.

2013-04-17_114526

6.Ширина. Тут все понятно, ширина блока.. выставляете так что б было красиво под ваш сайт.

7. Код для вставки. Код разделен на 2 части. 1 часть вставляется в часть <head>, 2 часть вставляется в то место, где хотим видеть комментарии Вконтакте.

Красной рамкой обведен 1 часть кода, а синей рамкой 2 часть кода.

2013-04-17_120056

1 часть кода вставляем в наш шаблон до закрывающегося тега <head>

2 часть код вставляем в то место где хотим видеть комментарии

Если у Вас сайт на движке WordPress, читайте подробную инструкцию как вставить комментарии Вконтакте на WordPress.

Заключение: Данный обзор подойдет для любого движка сайта, будь то: Bitrix, Joomla, WordPress, Ucoz или просто HTML сайт.. и т.д.

Похожие статьи

Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

[contact-form-7 404 "Not Found"]
[contact-form-7 404 "Not Found"]
Начать сотрудничество
Заполните поля ниже. Я лично перезвоню Вам в течении 15 минут для обсуждения деталей.

Введите ваше имя *

Введите контактный телефон *

Введите контактный Email для отправки точной стоимости

или позвоните мне по телефону
+7-499-70-300-44
Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

[contact-form-7 404 "Not Found"]
Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Заказать услугу
Я свяжусь с Вами в течении 15 минут в рабочее время для обсуждения деталей

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

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

Введите ваше имя *

Введите контактный телефон *

Введите Skype *

Выберите программу

Промокод