• Главная
  •  > 
  • Новости
  •  > 
  • Как подключить комментарии вконтакте. Преимущества виджета комментирования от соц

Как подключить комментарии вконтакте. Преимущества виджета комментирования от соц

Если вы пользуетесь 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: "*"});

И все готово! Комментарии должны быть успешно установлены.

Если у вас какие-то проблемы — пишите их в комментарии ниже к этой записи, буду рад помочь.

Вывод

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

Пока ещё мало вопросов от читателей, чтобы составить полноценную статью, но зато поступил очень интересный вопрос от читателя:

Вечер добрый!

Очень хотелось бы заменить стандартное поле для ввода комментариев к постам полем, предложенным разработчиками Вконтакте. Возможно ли это, и если да, то каким образом?

Заранее безмерно благодарен:)

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

Установить виджет комментариев от социальной сети Вконтакте очень просто, главное соблюсти несколько правил. Кто читал статью о том, как вставить , тот уже должен знать нюансы получения кода. Обязательным условием является получение индивидуального номера API. Поэтому, идем на эту страницу .

Процесс получения кода разделен на 2 этапа.

Этап первый . Обязательно указываем название и url-адрес сайта.

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

Обратите внимание, что в поле Адрес сайта, на конце адреса не должно быть косой черты /.

Второй этап - установка кода. Тут будьте очень внимательны. Код, который вы получили, необходимо разделить на 2 части.

Ту часть кода, которую я выделила желтым цветом, необходимо установить в шаблон блога (Дизайн – Изменить HTML) перед строкой .

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

Я экспериментировала с этим шаблоном, и установила код сразу после строки:

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

В данном примере у вас на блоге будет сразу две разные формы для комментирования, стандартная от Blogger и интегрированная от Вконтакте. Если вы хотите отключить показ стандартной формы, идем в Дизайн – Элементы страницы – Сообщения блога – Изменить. Находим пункт:

Убираем галочку, сохраняем. Смотрим любую страницу со статьей, стандартных комментариев нет, а комментарии от Вконтакте есть. Но в таком случае, у вас исчезнут вообще все старые комментарии, оставленные через стандартную форму, а так же, на главной не будет отображаться количество оставленных комментариев.

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

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

Мне очень хотелось рассказать вам, как установить такую же форму комментариев от Facebook, но возникла небольшая неприятность. В целом, установить его было бы не сложно и я могу рассказать это в теории. А на практике сделать пока не удалось. Дело в том, что для получения индивидуального кода API, необходимо подтвердить себя (свой сайт) с помощью кода, который высылается sms-кой на мобильный.

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

Вконтакте

Сегодня хочу рассказать Вам о том как установить комментарии вконтакте на сайте и показать статистику одного своего сайта.

Честно сказать я даже не думал что будет какой-то ощутимый результат от этого виджета... но об этом немного позднее.

И так начнем по порядку.

У меня есть сайт развлекательной тематики и проблема в том, что через стандартную форму комментариев, за месяц оставляли около 20 комментов.Что очень мало как мне кажется, особенно если учесть что на других сайтах схожей тематики в каждой публикации минимум по 5-10 комментов.

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

И тут на одном сайте СМИ тематики я увидел форму комментариев от вконтакте. Я прочитал на том сайте новость и легко отправил свой комментарий. И до меня дошло, что как все это просто и удобно .

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

А вот аккаунт вконтакте есть у всех (за исключением некоторых особей которые игнорируют соц. сети) и мы всегда там авторизованны.

Так почему же не поставить виджет комментариев вконтакте на свой сайт и облегчить ВАШИМ посетителем жизнь? Или хотя бы поставить на неделю, чтобы посмотреть какой от него будет толк? Тем более займет это все несколько минут вашего драгоценного времени.

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

Шаг №1. Настраиваем виджет комментариев вконтакт

Ничего страшного и сложного тут нет, для начала нам нужно зайти на специальную страницу с виджетом и настроить его под себя.

Перед вами будет такая форма:

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

Прошу обратить внимание на поле "Код для вставки ".

Шаг №2. Ставим комментарии вконтакте на сайт.

В предыдущем шаге я попросил Вас обратить внимание на поле "Код для вставки". Если вы знаете анг. язык и смогли прочитать и понять, что код сразу в комменты ставить нельзя. Ну или можно поставить, только он не будет работать.

И так у нас есть такой код:



VK.init({apiId: API_ID, onlyWidgets: true});





Обратите внимание на жирный шрифт, которым я выделил нужные нам ДВА шага.

1. Открываем файл с шаблоном в котором находиться код .

Обычно в DLE это файл main.tpl.
В WP это header.php.
И в других движках или статических сайтах это файл index.

Когда мы нашли код head (всегда в самом вверху), между ним или перед закрывающим тегом ставим первый код.


VK.init({apiId: ТУТ ВАШ ID КОД , onlyWidgets: true});

Этот кусок кода нужно копировать с формы виджета (Шаг 1) и только после того как нажали кнопку сохранить! После этого у Вас должен появиться уникальный ID.

Сохраняем этот файл и заливаем на хостинг.

2. Второй код ставим вместо или выше ваших комментов.



VK.Widgets.Comments("vk_comments", {limit: 20, width: "496", attach: "*"});

Должна появиться такая форма (сделала моя любимая жена):

Вот и все с установкой мы закончили, с чем я вас и поздравляю!!!

Шаг №3. Управление комментариями.

Одному отслеживать комментарии тяжело, особенно если их очень много. Для этого вверху формы комментариев есть ссылочка "администрирование "

Нажмите на неё и вы сможете сами удалить не нужные вам комменты или добавить спамера в черный список.

А так же сможете назначить администраторов, которые будут помогать чистить комментарии от матов, флуда или спама.

Шаг №4. Трафик.

Помимо того, что люди теперь станут активнее оставлять комменты, вы с этого ещё будите получать дополнительный трафик с вконтакте.

Я не скажу что к Вам будут заходить теперь тысячи, но все таки к этой планки можно дойти 😉

Возможно у Вас возник вопрос, от куда же он будет идти? А все очень просто, при отправке комментария есть такое поле "отобразить на Вашей странице" и там стоит галочка по умолчанию.

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

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

Думаю хватит слов, теперь нужны цифры!!


Срин опубликован 24.09

Что же тут можно понять?

За август на сайт через вконтакте зашло 40 человек, а за сентябрь 82 человека! (хотя месяц ещё не закончился). Я согласен с Вами что это не много, но все таки я на это потратил всего пару минут и теперь с каждым месяцем трафик с вконтакте растет без моего участия.

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

P.S. Спасибо что дочитали этот пост до конца, в следующем посте я напишу о том как получать трафик с других соц.сетей. Пока я только с этим экспериментирую. Чтобы не пропустить следующий пост,

Свою форму комментариев социальная сеть Вконтакте стала предлагать устанавливать уже давно. Я если честно долго пренебрегал эти инструментом, так как в соц. сетях почти не общался. С недавних пор я решил поднять комментирование своего блога и тем самым повысить поведенческие факторы.

Этой статьей я хочу начать цикл постов о том что нужно чтоб количество комментариев выросло и на Вашем блоге начался движ!

Все говорят, что летом в Интернете жизнь замирает.

Забудьте , так было когда все в сеть заходили через громоздкие компы, сейчас с любого гаджета можно зайти в Интернет и посмотреть нужную информацию.

Но вернемся к нашим баранам!

Чтоб не лить воду и расхваливать или опускать форму от Вконтакта, я просто наверное перечислю все положительные и отрицательные моменты ее установки.

Преимущества виджета комментирования от соц. сети Вконтакте.

1. Повышение комментируемости блога.

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

2. Каждый комментарий, автоматически оставляет рекомендацию в социальную сеть Вконтакте.

Когда посетитель комментирует статью через форму от Вконтакта и не отмечает маленькую кнопочку, то его комментарий автоматически публикуется и на его страничке. Это отличный вирусный инструмент, благодаря которому этот комментарий увидят все “друзья” комментатора.

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

3. Посетителям приятно видеть свою фотку возле формы комментирования.

Согласитесь, это немного подкупает и читатели с большим удовольствием комментируют новость.

4. Это просто дополнительный удобный инструмент для повышения юзабилити блога.

Чем удобнее Ваш блог для общения тем больше постоянных посетителей он получит. Запомните на блоге должна быть “движуха” и нужно делать все чтоб ее создавать.

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

Давайте рассмотрим и негативные стороны формы комментирования от Вконтакта.

Недостатки виджета комментирования от соц. сети Вконтакте.

1. Хорошее окошко для спамеров.

К сожалению, мы не можем полностью контролировать комментарии из этой формы. Нам не приходят письма на почту после каждого оставленного комментария, как через обычную форму WordPress. И если человек задал вопрос то не всегда вы сможете оперативно на него ответить, особенно если это вопрос к старой статье.

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

Как и где чистить комментарии я покажу в видео по установке.

2. Не всегда виджет от Вконтакта вписывается в дизайн вашего блога.

Пожалуй, это наименьшее из зол, но иногда реально раздражает.

3. Комментарии от этого виджета не учитываются в статистике WordPress.

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

Пожалуй, с недостатками все!

Я думаю Вам нужно тщательно взвесить все преимущества и неудобства прежде чем ставить эту форму на свой блог.

Мне она нравится, спам стараюсь чистить, но если и где-то пропускаю то он все равно не индексируется поисковыми системами, так настроена эта форма.

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

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

Сначала нам нужно сгенерировать код самой формы. Для этого выбираем в верхнем поле “Подключить новый сайт” и заполняем поля внизу.

Я для своего сайта Смотри-веб заполнил вот так.

Лучше если эта форма будет идти сразу над основной формой для комментариев.

Открываете файл comments.php в своей теме и в самом верху, перед знаком