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

Разместил: Юрий | 11.11.2015
17 комментариев

Всем привет, дорогие друзья. С вами опять Денис Тумилович, автор сего блога in4wp.ru. Позавчера я начал серию статей про виджеты Вконтакте, в частности про кнопку мне нравится — мы научились её ставить самостоятельно, а сегодня поговорим про виджет для сообществ и виджет комментариев Вконтакте.

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

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

А сегодня про виджеты сообществ и комментариев Вконтакте.

[contents]

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

Во-первых, у нас сейчас есть De Comments — ну вот нравится он мне, ничего поделать не могу.

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

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

Читайте также:  Как красиво оформить группу в вк (вконтакте) своими руками

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

Виджет для сообществ Вконтакте

Традиционно для этой серии статей, я буду расписывать всё по шагам и попробуйте только сказать что что-то непонятно :). Шутка.

Шаг №1 — Переходим по ссылке [urlspan]http://vk.com/dev/Community[/urlspan]

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

виджет сообществ
а) Указываем ссылку на ваше сообщество

<

б) Что будем показывать в виджете? Фотографии участников? Последние новости? Или просто кнопка будет с названием сообщества и количеством участников?

в) Определяемся с цветовым решением виджета , я оставляю здесь всё по стандарту.

Шаг №3 — Вставляем код виджета в нужные места. Если помните, кнопку вконтакте, а точнее её код, мы вставляли в разные места. Здесь же другая картина. Весь код можно в одном месте поставить.

вставка кода виджета
Мне кажется что подобные виджет должен ставиться в боковую колонку. Обычно это файлик sidebar.php, которые отвечает за вывод боковой колонки.

Надеюсь все помнят структуру шаблона wordpress?

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

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

Читайте также:  Как восстановить свой логин и пароль Вконтакте

Одна из причин — не у всех есть электронная почта. Кому-то лень «палить» свою электронку. Кто-то вообще не догоняет что это за поля тут и как их заполнять.

А с виджетом комментариев — всё просто. Согласитесь?

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

Использовать его или нет — вам решать.

А я пока расскажу как его поставить к себе на блог…

Шаг №1. Заходим на страницу для разработчиков [urlspan]http://vk.com/dev/Comments[/urlspan]

Шаг №2. Да, здесь нужно все-таки создать сайт, с которых будем связывать наши комментарии. Заполняем пункты следующим образом:

Сайт/приложение: Подключить новый сайт.
Название сайта: Надо ввести название своего блога.
Адрес сайта: Вводим URL своего блога.
Основной домен сайта: Поидее должно заполнится автоматически.
Нажимаете “Сохранить”.

как поставить лайки вконтакте
Шаг №3. Выбираем, какое количество комментариев, и прочую информацию.

виджет комментариев в вк
а) Сколько комментариев нам выводить — есть 4 варианта: 5,10,15,20.

б) Добавлять ли медиа контент в такие комментарии?

В) Выберите ширину ваших комментариев, обычно, она должна быть равна ширине контентной части.

Шаг №4. Теперь пришло время установить код этого виджета комментариев вконтакте к себе на сайт. Как это делать…

вставка кода виджета комментариев вконтакте
а) Копируем первую часть код (с самого начала, до середины), вот как я выделил. И вставляем его в файл header.php , прямо перед закрывающим </head>

Читайте также:  Как настроить витрину товаров в группе или паблике В Контакте

б) Копируем нижнюю часть копируем в то место, где будет находится эта кнопка, например в файл single.php , под статьёй. Тут уже сами смотрите, как вам удобнее.

в) По желанию можете изменять это значение. Эта цифра — количество отображаемых комментариев.

г) По желанию можете изменять это значение. Это цифра — ширина блока комментариев.

Вот, в общем, наверное это все-таки на любителя. Кому-то это нравится, а кто-то не хочет с этим связываться.

Интересно, а как к этим виджетам Вконтакте (к любым) относятся мои читатели? Прошу написать своё мнение в комментариях!

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

prospero | sociate | socialtools

Ну и конечно, [urlspan]подписывайтесь[/urlspan] на обновления блога. В начале статьи я упоминал о том, какие обновления на блоге всех нас ждут. Я уверен — каждый найдёт для себя что-то интересненькое!

Всем до завтра.

[bye]

<

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

  1. Денис

    Во-первых, любой из перечисленных помощников ВК будет грузить сайт. Будь то кнопка «Мне нравится», виджет сообществ или комментариев. Это связано с тем, что встраиваемый скрипт может долго не загружаться, а функция VK.init сработает и будет ждать.

    Во-вторых, встраиваемый скрипт на все эти фетиши один. И если на странице присутствует не только что-то одно, а, например, все: блок комментариев, кнопка «Мне нравится» и виджет сообществ, встраивание скрипта лучше осуществить только один раз (openapi.js).

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

    Что касается комментариев… их проблема в том, что они автоматически публикуются, и тут ничего не сделать. А спам в них, иногда выходит на новый уровень, от простых ссылок, до предложений, нарушающих законодательство РФ. Была бы премодерация, я бы обязательно его повесил.

    Ответить
    1. Денис Тумилович

      Про быструю загрузку если можно — поподробнее, не знал, дополню

      Ответить
      1. Денис

        Ну, вот так это настроено у меня. Конечно, немного дилетантски.
        1. Скрипт загружается с сайта ВК асинхронно.
        2. Так как скрипт асинхронный. то объект VK может сработать раньше, чем он загрузился, и группы не загрузятся. Поэтому висит проверка: «Если имеется объект VK, запускаем его, если нет, пробуем через полсекунды».

        С комментариями сложнее, там две функции, VK.init и VK.widgets.Comments. Но думаю, по той же аналогии можно что-нибудь придумать.

        Ответить
      2. Денис

        Не загрузил почему-то скришншот. И в этот комментарий тоже. Только если так:
        http://joxi.ru/vAWRjaRs7yDj2W

        Ответить
  2. Вадим

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

    Кстати, смотрю никто пока не отвечает на вопрос конкурса. Я тоже в начале не хотел писать, так как, увы, не могу абсолютно правильно ответить на поставленный вопрос, поэтому буду участвовать вне конкурсной программы :)
    Знаю, что детишек трое: мальчик — Сергей (старший) и двое девочек — Валерия (средняя), а вот как звать младшенькую, я запамятовал…
    У тебя была статья с отчетом об отпуске, думал в ней ответ найду, не нашел)))

    Ответить
    1. Денис

      Но ведь такой же «лишний», как UpToLike и Adsence ;-)

      Ответить
  3. Денис

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

    Ответить
    1. Денис Тумилович

      Отлично, потом напишем отдельную статью о нагрузках :) Всё для новичков, не так ли?

      Ответить
  4. Александр

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

    Ответить
  5. Александр

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

    Ответить
  6. Сергей Оксак

    Денис, а есть такой же виджет для Фейсбука? Хочу потестировать!!!

    Ответить
    1. Денис Тумилович

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

      Ответить
      1. Сергей Оксак

        Хорошо, буду ждать с нетерпением. Только не забудь, за более важными делами:)

        Ответить
  7. Олег

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

    Ответить
  8. Сергей Post author

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

    Ответить
  9. Надежда

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

    Ответить
  10. Ольга

    Денис, а почему вы не поставите себе на блог такой виджет?

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *