Два виджета комментариев вконтакте на одной странице. Виджет комментариев вконтакте – минусы. Недостатки системы Cackle

Я уже и не помню от-куда я узнал об этом виджете, но быстрые комментарии вконтакте на моем сайте мне очень нравятся. Это очень… а нет, стоп! Давайте все сделаем правильно и по порядку, чтобы не было каши в статье .

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

Комментарии вконтакте — плюсы

В вконтакте зарегистрировано более 30 миллионов пользователей, а это ух как не мало . Эта социальная сеть имеет множество активных пользователей, за много лет, дизайн этого сайта уже всем приелся и… и тут в силу вступает психология! Да-да психология!

1. Вот смотрите… что для вас социальная сеть вконтакте? Сайт на котором можно общаться с друзьями, знакомиться или развлекаться, все это вызывает положительные эмоции, а это вызывает ассоциации. Видите цепочку? Вконтакте – общение, развлечение, знакомства – положительные эмоции. Поскольку комментарии имеют такое же оформление как и вконтакте, мы ассоциируем его с сайтом, а сайт в свою очередь с положительными эмоциями. Вот такая вот цепочка, как не крути, но это все происходит на подсознательном уровне и вызывает положительные эмоции, я имею ввиду комментарии.

Конечно же на одной психологии далеко не удишь, надо что-от еще и это “еще” есть!

2. Виджет комментариев очень удобен в использовании! Обычно, чтобы оставить комментарии, надо вводить логин, адрес электронной почты, адрес сайта, а затем доказывать роботу , что вы не бот . После того как вы оставили свои комментарии, вы можете увидеть, что они не красиво расположены или рядом с вашей картинкой какая-та “морда”, простите за выражение, “чего-то”. Не очень это все удобно.

Виджет комментариев вконтакте на много облегчает задачу. Вам нужно ввести в привычной форме, привычными буквами ваши комментарии, после чего в привычной, синенькой рамочке вы увидите свои комментарии с привычным аватаром. Знаете почему я повторял слово “привычным”? Просто люди не любят перемены и пытаются оставить все как есть, а как вы могли вычитать из моей прошлой статьи – , оставаться на месте в нашем деле не позволительно! Это не значит, что надо переставать пользоваться комментариями вконтакте на каком-либо сайте, просто идите в ногу со временем! Кстати, это еще одна причина, которая достала меня из пропасти неудач и позже я об этом напишу. Подпишитесь на RSS , чтобы не пропустить эту полезную статью!

3. Таааак… виджет вконтакте всем привычен, удобен, что же еще? Ах да! Очень функционален, для администратора на сайте конечно же .

Вот вам картинка с моего сайта, после клика по “администрирование”. Мы видим, что перед нами открылось другое меню. (P.s. Поздравляют Александр Ермаков, ты увековечен ).

Обзор. Здесь мы можем видеть комментарии, которые были оставлены через виджет вконтакте на моем сайте.

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

Черный список. Тут объяснять не надо, думаю. Мой список пока пуст.

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

4. Очередной плюс – отсутствие спама. Если у вас блог wordpress и вы допустим забыли или не смогли поставить фильтр от ботов, виджет вконтакте этого не требует, он там уже стоит. Спама не будет! Только если ручной .

5. Рост числа друзей вконтакте, а значит будет кому читать вашу группу. Кстати, вот моя группа – Бизнес блог от Sergio вконтакте , а вот и я сам – Sergio . Добавляйтесь, буду помогать и консультировать.

6. Возможность идентифицировать пользователя удобным способом. Всего пару кликов и я уже пишу ему сообщение вконтакте.

7. Огромный плюс у этого виджета – это активная птичка “отобразить на вашей странице”. То есть после того как пользователь напишет сообщение на вашем сайте, все будут знать об этом. Не думаю, что много кто убирает эту птичку, вы часто убираете всякие птички вконтакте? Нет, вы просто оставляете комментарии и уходите, так поступают и здесь .

8. Через виджет комментариев вконтакте можно добавлять, а точнее “Прикрепить” разные файлы, ну вы знаете как это работает .

Ну на этом с плюсами по моему все, идем ищем минусы.

Виджет комментариев вконтакте – минусы

А теперь перейдем к установке виджета вконтакте на сайте xDD

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

Виджет комментариев вконтакте – установка

1. Переходим на эту страницу вконтакте – виджет комментариев вконтакте

Заполняем все графы как на изображении, кликаем на “сохранить” и только потом опускаемся ниже, где мы видим:

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

Как вы видите, там находится два кода, разделяет их это –

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

Нужен ли он? В наш компьютерный век практически у всех пользователей интернета есть страничка в соц. сети ВКонтакте. Благодаря виджету ВКонтакте, любой пользователь этой социальной сети сможет комментировать материалы на вашем сайте/блоге не регистрируясь, что является, на мой взгляд, большим плюсом для читателя. К тому же одним нажатием мышки он сможет добавить комментарий на стену своей страницы, и о вашем блоге узнают его друзья. Это будет для вас бесплатной рекламой. Еще один большой плюс в том, что управлять комментариями очень просто - достаточно нажать несколько кнопочек.

Процесс установки виджета комментариев - поэтапно

Как же все-таки установить этот виджет на свой сайт? Сейчас постараюсь наглядно это объяснить. В первую очередь вам нужно добавить свой сайт в приложения в ВКонтакте. Для этого зайдите в аккаунт, с которого хотите управлять комментариями (администрировать), а можете зарегистрировать новый.

Теперь приступаем к добавлению сайта в приложения ВКонтакте и настройке виджета. Заполняем все поля. В «Название сайта» вписываете любое название, которое вам понравится. Для удобства лучше вписать название блога, на который добавляете виджет. Дальше «Адрес сайта». Здесь нужно указать адрес на главную страницу сайта, например, google.com, но не google.com/...html. В поле «Основной домен сайта» автоматически будет добавлен адрес сайта без «http://», так что там ничего заполнять не нужно. В разделе «Тематика сайта» вам необходима указать тематику вашего сайта, например, ИТ (компьютеры и софт).

Теперь осталось настроить виджет. Для этого выбираем, сколько комментариев виджет будет выводить на одну страницу. Это не принципиально и на ваше усмотрение.

Дальше «Медиа». Этот раздел дает возможность указать, что можно будет прикреплять к комментариям. Если вы не хотите, чтобы пользователи что-то прикрепляли к комментариям, просто уберите галочку. Также можно вручную отфильтровать что можно будет прикреплять, нажав «подробнее». Убрать ненужные пункты можно путем снятия с них галочки.

Ниже идет «Ширина виджета», которую также можно отрегулировать. Ширина указана в пикселях. Если вы укажите не ту ширину, которая вам подходит, вы сможете в любой момент ее изменить.

После настройки виджета, его нужно добавить на сайт. Здесь тоже ничего сложного нет. В окне «Код для вставки» можно увидеть код, разделенный на три абзаца. Первые два нужно вставить в коде главной страницы вашего сайта в теге «head». Третий абзац необходимо вставить в «тело» страницы - в теге «body», а именно там, где должен будет отображаться виджет.

Теперь на вашем сайте/блоге можно оставлять комментарии через ВКонтакте. Осталось разобраться, как управлять комментариями. Для этого зайдите через свой аккаунт ВКонтакте (через тот, с которого добавляли виджет) на страницу сайта с виджетом комментариев. На самом виджете будет кнопка «администрировать». Нажав на нее, вы попадете в небольшую админ-панель, через которую сможете удалять ненужные комментарии, заносить пользователей в черный список или назначать кроме себя еще администраторов.

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

12 октября 2011 в 18:59 Виджет комментариев вконтакте для вашего сайта и хранение количества комментариев на сервере

• Социальные сети и сообщества

Двигаясь в ногу со временем, я решил разместить на своем сайте виджет комментариев «Вконтакте». Немного терпения, гугла и документации вполне достаточно для того чтобы достичь результата. Разместить сам виджет не составляет никакого труда, вконтакте предоставляет простой интерфейс генерирующий код для сайта. Мне хотелось в некоторых местах отображать количество комментариев. Тут и возникли сложности, как обычно это бывает, дьявол кроется в мелочах. Я попробую разложить по полочкам то, о чём умалчивает документация.

1.Регистрация cайта вконтакте Чтобы разместить сам виджет, сначала сайт следует зарегистрировать как приложение Вконтакте . Заполняем форму, получаем СМС, еще раз заполняем форму, в результате регистрации приложения мы должны получить два ключа :

api_id - идентификатор нашего сайт как приложения в вконтакте

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

P.S: Вконтакте предоставляет упрощенный способ регистрации приложения для виджета «Комментарии», но в этом случае невозможно получить ключ api_secret(по крайней мере я битый час искал способ его получить и… не нашёл), который необходим в случае хранения количества комментариев. Поэтому не ленимся и создаём приложение.

2.Создание виджета Создаём сам виджет, не имею желания дублировать документацию к виджету, скажу что в итоге должно получиться что-то вроде этого:
VK.init({apiId: %ВАШ_api_id%, onlyWidgets: true}); VK.Widgets.Comments("vk_comments", {limit: 10, width: "1000", attach: "*", onChange: addCommentCallback}, "post_");

Что такое onChange, читайте дальше; Третий параметр - это ID данного виджета(блока) комментариев, если его не указывать в качестве id используется md5-хэш от location.href(ссылки на эту страницу). Мне это не подошло, так как на один элемент у меня указывало несколько разных ссылок. На этой стадии виджет уже работает, теперь нужно сообразить отображение количества комментариев.

3.Передача данных о количестве комментариев на сервер Очевидно, что самым удачным вариантом является хранение количества комментариев в базе данных, даже если мы не храним сами комментарии, так как получение количества комментариев через API вконтакте будет слишком сильно тормозить работу сайта. Я храню количество комментариев в отдельном столбце таблицы с данными. Вопрос только в том, как держать в базе значение в обновленном состоянии и избежать рассинхронизации.
API виджета комментария имеет параметр onChange . Функция, которую содержит параметр onChange , вызывается каждый раз при событии удаления/создания комментария. Колбек-функция onChange вызывается с четырьмя параметрами

num - количество комментариев
last_comment - последний комментарий
date - дата
sign - ключ

Это нам и нужно. Теперь пишем саму функцию addCommentCallback, она будет делать ajax запрос, передавая все 4 параметра выше, а также id записи на сервер. Вот что получилось у меня(используется jquery):

Function addCommentCallback(num, last_comment, date, sign){ $.post("%ССЫЛКА_НА_СТРАНИЦУ_ОБРАБОТКИ_КОММЕНТАРИЯ%",{ type: "vkontakte", num: num, last_comment: last_comment, date: date, sign: sign, id: "" }); }

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

4.Валидация данных Теперь-то нам и понадобится ключ api_secret, полученный нами при регистрации приложения. Повторюсь, лично я не нашел способа получить этот код, если регистрировать сайт через упрощенку.

Php-код, обрабатывающий запрос, и пишущий в базу количество комментариев:
$post = $_POST; if (!isset($post["num"])){ $error = "не указано количество"; } else{ $apiSecret = %ВАШ_API_SECRET%;//(да, за этим мы и прошли полную регистрацию) $hash = md5($apiSecret.$post["date"].$post["num"].$post["last_comment"]);// до того, как обновить количество комментариев, мы получаем md5 - хэш от параметров api_secret, date, num, last_comment: if (strcmp($hash, $post["sign"]) == 0){//проверяем что хэши совпадают //тут код сохранения в базу } else{ $error = "не совпадает хэш"; } }
Вот и всё! При желании, можно в базу сохранять не только количество комментариев, но и сами комментарии. Надеюсь что статья оказалась полезной и я не потратил зря время.

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

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

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

Зачем нужен на сайте виджет от Vk

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

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

Чтобы как-то себя мотивировать получать дополнительных посетителей из социальной сети Павла Дурова (Vk.com) я нашел в интернете вот такой скрин роста посещаемости только за счет контакта.

Согласитесь не слабо. Но как будет расти посещаемость сайта, если использовать данный виджет формы комментариев?

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

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

Достоинства виджета Vkontakte:

Первое . Популярность . Многим посетителям влом сложно заполнять обязательные поля стандартной формы комментирования (Имя, Почта) и как результат вы теряете какую-то часть отзывов.

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

Это касается и виджета VK, который не позволит пропускать комментарии, оставляемые роботами или специальными программами, потому что им придется обходить капчу.

Если этого будет недостаточно, то администратор всегда может занести анкету комментирующего в «Черный список» и ему будет навсегда закрыт доступ по высказыванию своего мнения.

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

Четвертое . Простота . Этот виджет комментариев от ВК очень прост в установке. Буквально 5 минут понадобится на то, чтобы сделать все нужные настройки.

Недостатки комментариев от ВКонтакте:

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

Второе . Не индексируются поисковиками . Так как вся база с сообщениями посетителей находится на серверах социальной сети, поисковики не могут знать, к какому сайту они относятся.

Если кто-то еще не в курсе, то ВКонтакте занимаете первое место из списка «Самых популярных сайтов России», поэтому я, не задумываясь, решил прикрутить на свой блог их виджет. Далее расскажу, как это можно сделать и вам.

Как установить Vk виджет комментариев на сайт

Переходим на следующую страницу по этой ссылке и настраиваем будущий блок.

Раньше я уже создавал с помощью этой странички социальную кнопку от vk.com «Мне нравится», статью можно прочитать , поэтому мой блог уже подключен к приложению.

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

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

Эти настройки можно будет отредактировать в любой момент по ходу тестирования работы виджета соц. сети.

Так как сайт работает на движке wordpress, поэтому первую часть код нужно вставить в файл header.php перед закрывающим тегом .

А вторую часть кода необходимо установить в то место, где будет выводиться сам виджет Вконтакте.

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

Кстати обратите внимание на строчку limit: 10, width: «620» , с помощью этих значений можно задавать настройки отображения числа комментирующих и ширины поля соответственно.

После проделанной работы закачиваем измененные файлы и смотрим результат.

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

Для этого в блоке ВКонтакте нужно перейти в раздел «Администрирование».

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

В начале статьи я говорил, что меня просто атаковал один вконтатчик, жаждущий во чтобы то ни стало продвинуть свой сайт. Реально мне надоело удалять пачки его однотипных комментариев, которые плодились каждый день.

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

Итак для того чтобы добавить комментатора в черный список Вконтакте, нужно удалить его одно сообщение, после чего появится ссылка «Удалить все его сообщения за последнюю неделю и добавить его в черный список».

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

Около двух месяцев назад, я в статье « » спрашивал у своих читателей, что собираюсь купить себе новый телефон, который поможет мне работать с блогом на оффлайн работе, однако я не знал какой аппарат выбрать. Спасибо всем кто давал полезные советы, очень пригодились.

И вот вчера мне привезли Nokia Lumia 920 , пока я его тестирую и много что в нем не понятно, тяжело перейти с Android на Windows Phone 8.

Пользуясь моментом, хочу спросить у своих посетителей: «Если кто-то уже работал с платформой Windows Phone 8, подскажите какие приложения вы используете?

Мне нужно то, что работает с wordpress и как вообще оптимизировать его работу под блог»? Заранее спасибо и до скорых встреч.