Виджет комментариев. Добавляем виджет комментариев Вконтакте (VK) для WordPress. Сервис комментирования Cackle

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

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

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

  • 100% живое общение . Для написания комментария пользователь должен иметь профиль в социальной сети.
  • Популярность . Почти каждый второй (если не первый) зарегистрирован в этой сети, а значит для того, чтобы оставить комментарий на вашем сайте, нужно просто быть авторизованным на сайте «ВКонтакте».
  • Быстрая установка виджета на сайт.
  • Вирусность . Если пользователь оставит комментарий на вашем сайте, то есть вероятность того, что этот же комментарий ретранслируется на его стене «ВКонтакте» с упоминанием вашего сайта, а это значит, что о вашем проекте узнают все друзья автора комментария.
  • Удобное и простое модерирование комментариев.
  • Возможность индивидуальных настроек . Администрация социальной сети рада выслушать ваши пожелания, касающиеся личных настроек виджета для вашего сайта. Для этого вам необходимо написать сообщение на почту пресс службы «ВКонтакте» – [email protected] .
  • Настройка и установка виджета комментариев на сайт

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

    2. В форме вашей информацией заполняете следующие поля:

    - «Название сайта»;
    - «Адрес сайта».

    И выбираете тематику вашего сайта.

    Основной домен сайта пропишется автоматически. Жмете «Сохранить » – тем самым вы добавляете сайт в систему.

    3. Теперь вам необходимо произвести настройки виджета:


    Выбираем:

    Количество комментариев , которое будет отображаться по умолчанию (5, 10, 15 или 20 комментариев);

    Опцию «Медиа » – если вы хотите, чтобы пользователи могли оставлять не просто текстовые сообщения, но и прикреплять видео, фото, ссылки или другой контент (настраивается по нажатию ссылки «Подробнее »);

    Ширину . Если вы хотите сделать фиксированный размер – то укажите размер в пикселях, если же хотите сохранить «резиновый» размер (адаптирующийся под размеры блока, в котором находится виджет) – оставляете поле пустым.

    4. И финальным шагом будет подключение виджета к вашему сайту с помощью предложенного кода в поле «Код для вставки ».

    4.1. Для этого в секцию HEAD (в HTML-код сайта или его тему), перед закрывающим ее тегом подключите скрипты, выделенные красным:


    4.2. В нужное место на сайте, где вы хотите вывести комментарии (в HTML-код сайта или его тему) вставьте код, выделенный синим:


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

    Сохраните все изменения на сайте и подождите пару минут. Теперь, посмотрев страницы, на которые вы внедрили необходимый код, вы сможете обнаружить готовый виджет комментариев от «ВКонтакте», где сначала сами попробуете написать что-нибудь:)

    Если это не так и у вас возникли трудности с установкой или настройкой виджета – пишите об этом в комментариях.

    Эх, давно что-то я не писал на тематики WordPress и Вконтакте. А тут решил написать инструкцию как установить виджет комментариев вконтакте для сайта на WordPress. Одним выстрелом убить двух зайцев, так сказать. Вообще у меня в блоге уже давненько стоит 2 формы комментариев: обычная WordPress и форма комментариев Вконтакте. Я вынес их в разные «табы» (при клике на разные кнопки выводится разная информация). Собственно хотелось бы сказать для начала пару слов о плюсах и минусах использования комментариев вконтакте на сайте .

    Плюсы виджета комментариев Вконтакте

    1) Если авторизованный в социальной сети Вконтакте пользователь прочтет ваш материал и ему вдруг захочется оставить комментарий, то в этом случае не придется вводить как в стандартной форме e-mail, имя и чаще всего еще каптчу, а только сам комментарий. Также исключает необходимость регистрации, если такова была ранее предусмотрена для комментирования через стандартную форму.

    2) Исходя из первого, вторым плюсом можно засчитать это то, что будет видно комментатора «в лицо» — его фото и имя с фамилией. «Живому человеку» куда приятнее отвечать же, однако не все указывают настоящие данные и фото.

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

    4) Можно банить (добавляться в черный список) пользователей оставляющих спам и они никогда не смогут больше оставлять комментарии у вас. Премодерации кстати нет (только удаление уже оставленных комментариев), но лично я ее использовал только если комментарий имеет ссылку. Промодерировать комментарии хотя бы раз в неделю не составит труда и не займет много времени. Еще, кстати, можно добавлять модераторов.

    5) Отличительный плюс – можно получить дополнительный трафик с соц. сети. В некоторых случаях он достаточно немалый.

    Минусы виджета комментариев Вконтакте для сайта

    1) Для тех, кто разрешает оставлять dofollow ссылки в стандартной форме комментариев будет минусом. Если у вас поступает много комментариев на блог, а вы вдруг отключите стандартную форму и поставите форму комментариев вконтакте число комментариев, скорее всего, сократится, так как большинство комментариев, вероятно, поступает именно из-за dofollow ссылок – что является одним из способов получить трафик на свой сайт. У кого ссылки nofollow или вообще убрана строка URL в форме — минуса в этом случае нет.

    2) Ну и еще парочка маленьких минусов. Первый – нельзя настраивать дизайн, поэтому у некоторых он не очень впишется в дизайн. Второй – хоть и социальная сеть Вконтакте собрала всю Россию, однако есть люди не пользующиеся ей.

    Как видите, количество плюсов значительно превосходит количество минусов. Если есть желание и одновременно есть сомнение в преимуществе – попробуйте оставить 2 формы комментариев (правда немного некрасиво и громоздко, но это решаемо). А теперь перейдем непосредственно к самому процессу и рассмотрим как вставить комментарии вконтакте на сайт Wordpress.

    Установка виджета комментариев Вконтакте на wordpress

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

    2) На этой странице вы можете прочитать информацию и создать форму для своего сайта. В форме указываем всю необходимую информацию в пустых полях: Название сайта, Адрес сайта, Основной домен сайта (обычно такой же, как и адрес сайта). Далее укажите, какое количество комментариев будет отображено на странице (остальное свернуто и доступно по клику «к предыдущим записям»). Можете запретить использование в комментариях фото, аудио, видео, ссылок, граффити – для этого уберите галочку рядом с «Медиа». Если хотите запретить не все, а что-то определенное, например ссылки, то нажмите «подробнее» и снимите необходимые галочки. Ширину можно подогнать под свой дизайн, но лучше не трогать, если нет понимания в этом.

    4) Копируем первую часть кода (выделена большой фигурной скобкой на скриншоте) и вставляем в файл темы header.php до закрывающего тега (чтобы не «накосячить» вставляйте непосредственно перед этим тегом). Для этого зайдите в панели управления «Внешний вид -> Редактор -> Заголовок (header.php)», отредактируйте и сохраните (кнопка «Обновить файл»).

    5) Скопируйте вторую часть кода и вставьте в файл «Одна запись» (single.php) после вывода материала – и непосредственно перед . Сохраните изменения (кнопка «Обновить файл»). Готово! По желанию можете отключить стандартную форму комментариев в настройках WordPress.

    Администрирование виджета комментариев Вконтакте на сайте

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

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

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

    Уф, какая большая статья получилась! Возникнут проблемы или вопросы пишите в комментариях.

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

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

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

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

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

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

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

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

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

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

    Вконтакте

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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