Устанавливаем комментарии вконтакте на ваш сайт!

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

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

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

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

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

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

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

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

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

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

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

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

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

Заходим на эту страницу - http://vkontakte.ru/developers.php?p=Comments

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

Форма виджета вконтакте

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

Не забудьте нажать на кнопочку "сохранить" =)

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

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

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

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

<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?34"></script>

<script type="text/javascript">
VK.init({apiId: API_ID, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 20, width: "496", attach: "*"});
</script>

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

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



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

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

<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?34"></script>

<script type="text/javascript">
VK.init({apiId: ТУТ ВАШ ID КОД, onlyWidgets: true});
</script>

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

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

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

<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 20, width: "496", attach: "*"});
</script>

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

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

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

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

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

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

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

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

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

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

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

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

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

Статистика комментов вконтакте
Срин опубликован 24.09

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

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

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

Выбор за Вами 😉

Александр Василенко.

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



  • Pingback: Комментарии вконтакте и трафик с них.()

  • http://otdix.pp.ua kirill

    нужная статья. пошел устанавливать

  • http://bizlife.us Alex V (СаНьКа)

    @kirill, рад что Вам понравилось 😉

  • http://seogang.ru/ Антон

    А у меня глюк какой-то, все комментарии на каждой странице отображаются

  • http://hronny.ru Мишка

    Спасибо! Навел на мысль, как поднять посещалку на псевдо-СДЛ. Осталось разобраться в джумле, что и куда ставить:)

  • http://bizlife.us Alex V (СаНьКа)

    @Антон, а что за CMS?

    @Мишка, не за что 😉

  • http://kylinarochka.ru/ Belos

    Что-то не отображается на сайте ничего(((

  • http://bizlife.us Alex V (СаНьКа)

    @Belos, что за CMS? Что пишет? Что в исходном коде?

  • http://kylinarochka.ru/ Belos

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

  • http://bizlife.us Alex V (СаНьКа)

    @Belos Стукни в аську 206-983-285, помогу решить.

    У меня тоже на DLE стоит виджет, все работает без проблем.

  • http://seogang.ru/ Антон

    Аналогично – дле

  • http://kylinarochka.ru/ Belos

    разобрался

  • http://bizlife.us Alex V (СаНьКа)

    @Belos, в чем была проблема?

  • http://kylinarochka.ru/ Belos

    id какого-то черта не прописывался

  • http://bizlife.us Alex V (СаНьКа)

    @Belos, спасибо! Вы наверное скопировали код с моего блога, а там естественно не было уникального ID для вашего сайта.

    Поправил “Шаг 2”, чтобы было понятно что код виджета с уникальным ID нужно копировать с сайта вконтакте.

  • http://kylinarochka.ru/ Belos

    нет, копировал непосредственно с вконтакта, но там он как-то через раз

  • kiker

    @Мишка (1 comments) said…

    Для joomla решение можно найти здесь vk-joomla.ru/vk-comments.html

  • http://expertlife.info/ Александр

    На моем сайте установлен плагин Vkontakte API и вполне доволен его работой. Дополнительный трафик и комментарии появились, что только радует.

  • http://bmx.kiev.ua/ Николай

    А почему вы на этом сайте не используете виджет комментариев вконтакте? Раз он такой хороший.

  • http://bizlife.us Alex V (СаНьКа)

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

  • http://burn.nov.ru/ Пиротехник

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

  • Люба

    куда вставлять эту хрень?ни как не пойму………..подскажите плиз:)

  • http://bizlife.us Alex V (СаНьКа)

    Люба куда ставите? Какой движок?

  • http://my-wordpress.ru Alexpts my-wordpress.ru

    Вопросом синхронизации не занимался?
    Чтобы все комментарии если что-то можно было не оставить на стороне а поиметь у себя и сменить реалищацию.

  • http://androidwas.ru/ Alexru

    Но еще лучше разместить все одной строкой чтобы было!

  • http://audiolab.com.ua Vladimir

    На Simpla категорически не хочет работать! Как только первая часть кода попадает в сайт перестает работать!

  • http://audiolab.com.ua Vladimir

    На Simpla отказывается работать1 сайт перестает грузится сразу же после добавления фрагмента кода в head.
    P/S/ В принципе я не кодер… но гугль аналитику и подтверждения для вебмастеров, гугль +1 добавлял сам…

  • http://underground-rap.ru/ Sanek92

    Самая понятная и доступная статья о том как разместить виджет от вк, среди всех что я прочел эта самая лучшая, автору спасибо

  • http://webis.org.ua/ СергейСергей

    вот и спасибо! ато я уже ммозгами потек не мог подключить модуль!

  • http://greenportal.org.ua/ Александр

    Здравствуйте! помогите плиз настроить виджет для добавления комметов Вконтакте.Сайт greenportal.org.ua Кусок кода <!– Put this script tag to the of your page –>

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

    добавляю в main.tpl между тегами и а второй <!–

    VK.Widgets.Comments(“vk_comments”, {limit: 20, width: “496”, attach: “*”});
    куда нужно ? все перепробывал,но ничего нет.Движек ДЛЕ 8.0 Помогите плиз!

  • СаНьКа

    Попробуйте вставить в файл fullstory.tpl

  • http://travelernotes.ru/ Александра

    Александр, долго не могла понять почему не отображается, а оказалось, что ID код не прописан. Обратите внимание читателей на это непосредственно в статье, что контакт может глючить.

  • fast

    Где он появляется этот уникальный код?

  • Лиза

    Мне нужно что бы коментарии +1 оставались под определённой фоткой от ботов. Такое вообще возможно? Тоже самое что с лайками но только коментарии?
    И поможет ли эта программа?

  • СаНьКа

    Лиза не совсем вас понял, но если у вас одна фотография на странице, то без проблем можно будет оставлять комментарии для неё.

    +1, можно ставить и без этого вк плагина. Есть много способов, которые может реализовать CMS dle, wp…

  • Мишша

    Спасибо. Помог оптимизировать блок новостей. Всё очень просто. Тавтапуç

  • ArbOOz

    Огромное спасибо, интересно.

  • http://horoshaya-gena.ru/ Мария

    Спасибо! Виджет установила давно уже, а вот как следить за комментариями не знала.
    Вот как все просто оказалось 🙂

  • Марио

    хотел проверить сначала на редакторе,не фига(((10 минут потратил))))с……..а.Статья классная еще зайду…

  • http://www.gip-msk.ru Алексей

    Спасибо. Пригодилось для моего блога

  • а

    Спасибо большое)
    самая толковая статья)
    все отлично установил)

  • Засранец
  • http://www.econdude.pw/ Econ Dude

    Блин, христа ради прошу. Кто нибудь напишите мне как нибудь не как поставить эти комменты, это и так понятно и легко, а как в одном месте их все показывать последние через VK.Widgets.CommentsBrowse

  • Антон

    У меня какие-то проблемы с этим виджетом. Часть комментариев не отображается на странице. То есть в панели “Администрирование” они видны. А на самой странице их нету. Часть комментариев проходит нормально. Часть нет. Не понимаю, в чем дело. Тех поддрежка Вконтакте молчит.

  • https://computy.ru Александр Токмаков

    А почему себе не установили коменты ВК?

  • http://vasilenko.info/ CaHbKa

    Стоял виджет одно время, но отсутствие синхронизации с комментариями которые уже были опубликованы не давало мне покоя 🙂

    Да и тематика блога не совсем подходит, на сайты развлекательной тематики ставлю ВК.

  • My Toy

    MyToy.in.ua Интернет-магазин игрушек. Порадуйте детей красивыми, интересными и качественными игрушками.

  • Janna Pazylova

    спасибо все работает.
    Теперь вы можете приобрести iPhone в замечательном магазине aibabai.ru

  • Сергей Ломакин

    Очень важно сразу начать следить за новыми комментариями в таком виджете на сайте. С помощью сервиса http://socrocket.ru вы можете оперативно получать уведомление о новом комментарии в личные сообщения контакта, на email или в telegram

  • Kristina Gerasyutina

    Голяшев Вадим Андреевич знал, что нужно готовить сани летом, а телегу зимой. Однако все оставлял на последний момент. Так и с костюмом получилось, который он не выгладил с вечера, оставив на утро это ненавистное дело. А тем временем, сегодня наступил день свадьбы его сына. Голяшев Вадим Андреевич нервно гладил костюм, пока в его дверь не постучались. Это была Ольга, его дочь: «Папа, мы уже опаздываем! Давай мне сюда!». Вадим Андреевич с облегчением вздохнул и выпустил утюг из рук.

  • Crimea

    Не работает пишет app is blocked. http://namsutki.ru

  • Владимир Комаров

    для увеличения трафика одной формы комментариев ВКонтакте будет не достаточно. Для улучшения социальной составляющей своего сайта нужно установить кнопки социальных сетей, чем больше разнообразие их на сайте, тем лучше. Как установить такие кнопки: http://1st-finstep.ru/kak_dobavit_socialnie_knopki_na_sajt.php