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

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

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

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

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

У меня есть сайт развлекательной тематики и проблема в том, что через стандартную форму комментариев, за месяц оставляли около 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 Интернет-магазин игрушек. Порадуйте детей красивыми, интересными и качественными игрушками.