• Какие выбрать виджеты Вконтакте для WordPress-блога? Вконтакте WordPress. Как добавить виджет группы Вконтакте в WordPress Wordpress плагин комментарии вконтакте

    Эх, давно что-то я не писал на тематики 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.

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

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

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

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

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

    Приветствую, дорогой посетитель блога. В данной статье поговорим о блоке комментариев от социальной сети Вконтакте. Рассмотрим пошаговую установку комментариев на сайт/блог wordpress. Перед тем, как приступить, давайте немного поговорим о плюсах и минусах комментариев ВК.

    Плюсы и минусы блока комментариев Вконтакте.

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

    Выглядит это следующим образом:

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

    — Минусом, я полагаю единственным, является неиндексируемость, поисковыми системами, блока комментариев Вконтакте на блоге/сайте wordpress. Это значит, что все комментарии, которые пользователи оставили через социальную сеть, не отображаются в момент посещения робота поисковой системы, тем самым комментарии не попадают в выдачу.

    Как поставить комментарии Вконтакте на wordpress,пошаговая инструкция:

    1.Для того, чтобы установить комментарии от ВК, необходимо перейти на страницу разработчиков, сделать это можно, перейдя по ссылке http://vk.com/dev .

    2. Затем нажимаем на кнопку «Создать приложение «.

    3. После перехода на страницу, заполняем Название(может быть любым) и выбираем тип приложения — веб-сайт. Далее необходимо заполнить поля «Адрес сайта» и «Базовый домен». После того, как все шаги выполнили, смело нажимайте «Подключить приложение «.

    4. На данном этапе установки комментариев на ваш wordpress сайт, необходимо подтвердить ваши действия в сети ВК. Для этого нажимаем на ссылку «Подтвердить через SMS».

    Затем «Получить код». В течении нескольких минут, на номер телефона, который прикреплен к вашей страничке ВК, придет код подтверждения, который необходимо ввести в поле.

    Если, по каким либо причинам, код подтверждения не пришел, нажимаем «Выслать код повторно», а затем выбрать «Да, пусть робот позвонит».

    5. После того, как ввели код подтверждения, нажимаем «Отправить код». На данном этапе мы добавили наш сайт в список приложений сети Вконтакте. Теперь переходим созданию и настройке блока комментариев Вконтакте.

    6. Переходим на страницу быстрого старта, кликнув по ссылке http://vk.com/dev/main . На данной странице спускаемся вниз, до блока «Виджеты». Находим ссылку «Комментарии» и кликаем по ней.

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

    На данном этапе настройки блока комментариев завершены, в следующих шагах мы поставим данный блок комментариев на наш сайт wordpress.

    8. Перед внедрением кода ВК комментариев, необходимо донастроить наш блок комментариев, указав его ширину. Для того, чтобы виджет комментариев Вконтакте вписывался в наш блог wordpress, необходимо узнать ширину колонки сайта, в которой располагается текст статьи. Для этого необходимо перейти на сайт, выделить часть текста любой из статей, нажать правую кнопку мыши, затем выбрать «Просмотр кода элемента», либо «Проинспектировать элемент», выбор зависит от вида браузера.

    9. После того, как мы узнали ширину нашего будущего блока комментариев Вконтакте, возвращаемся к настройкам и устанавливаем,нужную нам, ширину.

    10. На данном этапе вставим часть кода виджета в шапку нашего сайта, для этого необходимо нашего сайта, Внешний вид — Редактор. В правой части находим файл header.php и кликаем по нему. Затем возвращаемся к настройкам виджета и копируем первую часть кода.

    Затем возвращаемся в админку сайта, к файлу header.php, в коде файла находим тег и вставляем, скопированную ранее часть кода виджета ВК, перед найденным тегом. После чего сохраняем изменения, нажав «Обновить файл». Правильная вставка кода виджета комментариев в шапку сайта wordpress на скриншоте ниже.

    11. Вторая часть кода блока комментариев вставляется именно в то место, где вы хотите расположить виджет. Я рекомендую поставить перед основными комментариями wordpress. Для этого в админке сайта, Внешний вид — Редактор, находим файл «comments.php» и кликаем по нему. После, копируем вторую часть виджета и вставляем код в самое начало файла комментариев. Затем сохраняем.

    Теперь можете переходить на свой сайт, заходить в статью и радоваться, блок комментариев Вконтакте успешно поставлен на ваш wоrdpress сайт.

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


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

    Как установить виджет сообщества Вконтакте?

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

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

    Настройки виджета сообщества Вконтакте:

    1. Придуманная вами ранее ссылка, она индивидуальна для каждой группы, при переходе в ваше сообщество, ссылку можно легко скопировать с адресной строки браузера, и забиваем ее именно в поле №1.
    2. Что будет отображаться на вашем сайте в виджете группы. Предпочтительнее это будут люди подписанные на нее но тут решать только вам.
    3. Размер рамки виджета отображаемый на вашем сайте, ширину нужно подбирать в зависимости от ширины вашего сайт бара или места расположения кода.
    4. Настройки цветов, по умолчанию стоят настройки присущее социальной сети Вконтакте, вы же можете поексперементировать с ними самостоятельно.
    5. При редактировании каждого из выше перечисленных полей код для вставки будет автоматически корректироваться под ваши нужды.
    6. Точная картинка которая будет у вас на сайте после вставки кода виджета группы.

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

    Как вставить виджет группы Вконтакте WordPress

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

    Заходим в Вкладка «Внешний вид», затем «Виджеты» и выбираем блок в котором должна отображаться наша группа, затем перетаскиваем туда виджет типа «Текст» и вносим туда код отредактированный нами ранее, для примера это будет выглядеть вот так:

    Что не говорите, но в последнее время активность использования различных кнопок добавления постов блога в социальные сети возросла. Идея и доступность данного метода, как мне кажется, намного лучше различных сервисов социальных закладок из которых в рунете большая часть была просто «неживые». Пара-тройка топовых закладочных социалок еще как-то могла существовать и размещаться на страницах блога, но то множество кнопочек и вариантов, которые предоставляли разные сервисы было ни к чему. Сейчас это, пожалуй, можно сравнить с Google Buzz — новый сервис начали использовать многие, на данный момент он вроде как не работает (да и работал ли?), но соответствующая иконка все еще размещается на многих проектах. А вот если говорить о твиттере, фэйсбуке и вконтакте — тут совсем другая история.

    Вообще для создание кнопки вконтакте (как и некоторых других) есть несколько вариантов решений, но недавно нашел еще парочку интересных wordpress плагинов, которыми с вами и поделюсь. Но для начала немного теории и «повторения пройденного материала».

    1. Первый вариант для кнопки вконтакте — использование картинок и кода от сервиса. Для добавления используется простой стандартный код:

    При изменении его «под себя» обратить внимание на ссылку на изображение vkontakte.gif, которое должно находится в папке шаблона, директории images. Стандартную кнопку, которую вы видите в самом конце статьи данного блога, можно менять на любую другую. Также не забывайте указать ее ширину и высоту через width и height. Плюс варианта в его элементарности, тут даже особо в коде не нужно разбираться, можно добавить «как есть.»

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

    На данном этапе я использую именно этот вариант и мне нравится.

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

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

    Social Share Buttons for WordPress

    Плагин заточен чисто под рунет, так как содержится самые популярные у нас социальные сети — вконтакте, одноклассники, мой мир, livejournal, фэйсбук и твиттер. Если я правильно, то он чем-то аналогичен VK Share Button либо точнее будет сказать, включает в себя его функциональность. Вы можете выбирать разные варианты отображения кнопок, а также задавать некоторые настройки для каждой из них. Есть возможность сортировки кнопок, выбора некоторых из них.

    Самый большой недостаток плагина, по сути, его ограниченность только популярными рунетовскими социальными сетями, что не всегда оправдано. А мне как раз нужно было добавить на сайте кроме вконтакта еще и LinkedIn. Перерыл, признаюсь, очень много плагинов пока не нашел супер крутой и полезный Share and Follow.

    — это самый крутой плагин с кнопками социальных закладок, который я только встречал. Здесь очень много возможностей и столько же настроек. Установка и начало работы происходит достаточно быстро — скачайте плагин, активируйте в амдинке и укажите в разделе Share and Follow какие именно кнопки вам нужны. Они сразу же отобразятся на страницах блога.

    После этого можно приступать к подробной настройке — можно выбрать размер кнопок, множество различных социальных сервисов, а также общие возможности (RSS, email, версия для печати). Этот же плагин добавлять элемент фолловинга сбоку от полосы прокрутки а также имеет множество других опций. Есть платные возможности, но бесплатных и без них хватает с головой. Предлагаю глянуть небольшое видео по использованию Share and Follow:

    Возможно, в будущем рассмотрю модуль Share and Follow более подробно, но вы можете меня не ждать и сами исследовать его. Самое главное, что он идеально подходит как для рунета, так и англоязычных сайтов — список социальных сервисов более чем достаточен. Установка быстрая и простая, короче говоря, Share and Follow должен быть в архиве любого разработчика сайтов /блогов на wordpress.

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

    Привет!
    К нам в съемную тайскую квартиру приехали гости, так здорово повидать земляков, когда находишься вдали от дома.

    Сегодня хочу вам рассказать про основные виджеты ВКонтакте, которые можно внедрить на свой блог. Виджеты – это небольшие программы, каждая из которых выполняют одну определенную функцию на сайте, на мобильном устройстве, в браузере и т.д. Это может быть кнопка, окно, меню, подсказка и прочее.
    На сайте разместить виджет можно с помощью html-кода. Отдельную нишу занимают социальные виджеты. А поскольку сегодня одной из наиболее популярных социальных сетей в Рунете является ВКонтакте, узнаем, какие ее инструменты мы можем задействовать на своих блогах.

    Виджеты Вконтакте для WordPress

    Код всех доступных ВКонтакте-виджетов есть в разделе «Разработчики». Попасть в него можно по ссылке vk.com/dev/sites . Всего есть девять типов виджетов:

    • «Комментарии»
    • «Запись на стене»
    • «Сообщества»
    • «Мне нравится»
    • «Рекомендации»
    • «Опросы»
    • «Авторизация»
    • «Публикация ссылок»
    • «Подписаться на автора».

    Рассмотрим каждый из них подробнее.

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

    Заполните форму: введите название и адрес сайта (основной домен подставится автоматически); выберите тематику блога, количество комментариев, которые будут отображаться. Если число комментов превысит указанное вами, все их можно будет увидеть, нажав на кнопку «Предыдущие записи».

    В пункте “Медиа” вы можете выбрать то, что пользователи смогут прикреплять к своим комментариям. Например, с такими настройками, как на ниже пользователи смогут писать текстовые комментарии, прикрепляя к ним граффити и ссылки:

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

    Запись на стене

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

    Как установить виджет группы ВКонтакте

    Добавить группу ВКонтакте на сайт можно с помощью специального виджета. Вставьте ссылку на группу или публичную страницу вашего сайта; выберите, что будет отображаться — миниатюры аватарок участников, последние новости или только название сообщества. Задайте ширину и высоту виджета в пикселях, настройте виджет сообщества ВКонтакте под дизайн своего сайта и добавьте полученный код на сайт.

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

    Этот виджет не будет работать без кнопки “Мне нравится”, потому что он показывает вашим посетителям статьи, которые получили больше всего лайков. Он позволит вам понимать, какие статьи больше всего нравятся аудитории, а пользователи смогут читать самые интересные тексты, попавшие в блок “Популярное”.

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

    У кода этого виджета тоже есть две части, как и у комментариев. Первую из них добавьте в файл header.php, а вторую в нужное вам место на сайте.

    Виджет опросов позволит вам спросить у посетителей всё, что угодно. Например, если вы сменили дизайн, вам лучше поинтересоваться у пользователей, что они думают про него. Может быть, им больше нравится старый? Стоит предложить им такой вариант — это может помочь снизить показатель отказов.

    Заполните по аналогии с предыдущими виджетами первую часть формы.

    Задайте вопрос и варианты ответа. Добавлять новые можно при помощи “добавить” (расположена под “Варианты ответа”).

    В коде этого виджета также есть две части, разделённые HTML-комментариями.

    Нередко пользователи не хотят тратить время на регистрацию. Этот виджет позволит добавить на сайт авторизацию через аккаунт ВКонтакте. Пользователю не придется регистрироваться: он просто зайдет на сайт через свой профиль ВКонтакте. По поводу авторизации у ВКонтакте есть хорошая инструкция по ссылке vk.com/dev/Auth .

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

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

    Виджет ВКонтакте для WordPress

    Общие правила для того, чтобы вставить виджет Вконтакте на сайт:

    • Код необходимо вставлять в ту часть темы, где вы хотите видеть виджет. Это может быть файл header.php, single.php, sidebar.php и т.д. в зависимости от функции виджета и дизайна вашего сайта. Подробнее об этих файлах читайте в статье о том, . Если код делится две части, первую из них нужно добавить перед закрывающимся тегом в файле header.php.
    • Кроме того, если вам приглянулся какой-то виджет ВКонтакте, его можно добавить в админке блога (“Виджеты”).
    • Если вы решили добавить сразу несколько виджетов на сайт, то обратите внимание, что во многих из них есть строка кода

      Достаточно вставить ее один раз, не нужно дублировать.

    Если у вас остались вопросы по работе с виджетами Вконтакте, посмотрите видео:

    P.S. Наши старые подруги приехали навестить нас в Районге. Дальше им предстоит долгое путешествие через пол-Таиланда и Лаоса автостопом с ночевками по каучсерфингу и в буддистских монастырях. Меня восхищают бюджетные путешествия, но они требуют очень много сил и энергии.

    Читать еще: