Виджет вконтакте для wordpress


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

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

Содержание

  • Виджет «Комментарии»
  • Как опубликовать на блоге запись со стены Вконтакте?
  • Как сделать виджет группы в Контакте?
  • «Мне нравится»
  • Виджет для рекомендации популярных статей
  • Как создавать опросы?
  • Быстрая авторизация на блоге
  • Публикация ссылок с блога
  • Виджет «Подписаться на автора»

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

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

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

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

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

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

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

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


пункт “Медиа”

Далее задайте ширину блока с комментариями в пикселях. Её всегда можно будет изменить вручную.

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

HTML-коды

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

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

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

код виджета ВКонтакте

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


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

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

Добавить группу ВКонтакте на сайт

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

Мне нравится

Про добавление кнопки “Мне нравится” на блоге есть целая статья, читайте на здоровье. Подобные кнопки для оценки вашей статьи пользователями есть и у других социальных сетей. Читайте о добавлении на сайт кнопок «Класс» Одноклассники и Mail «Нравится».

Рекомендации

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

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

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


Рекомендации виджет

Виджет опросов ВКонтакте

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

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

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

Теперь нужно нажать на “Сохранить”, и только потом  — на “Получить код”.

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

Виджет опросов ВКонтакте


Авторизация

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

Публикация ссылок (поделиться)

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

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

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

Виджет поделиться

Виджет “Подписаться” ВКонтакте

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

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

Виджет Подписаться

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


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

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

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

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


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

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

pro-wordpress.ru

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

Плагин вконакте wordpress

Для работы плагина необходимо иметь аккаунт ВК. Сам плагин устанавливается стандартно:

  • ;
  • распакуйте архив в текущий катлог и полученную папку перекиньте на сервер, в директорию wp-content/plugins;
  • активируйте плагин в панели администратора WordPress

После активации будет создан отдельный пункт в меня админки WordPress — Vkontakte API. Рассмотрим представленные в нем настройки.

Первое с чего следует начать — это создать новое приложение в ВК.

Создание приложения в vkontakte

Порядок действия следующий:

  1. введите название приложения;
  2. отметьте галочкой пункт веб-сайт;
  3. добавьте описание приложения;
  4. нажмите «перейти к загрузке приложения».

Настройка приложения ВКонтакте

На следующей странице вводим адрес сайта (в формате http://vash_sayt.ru) и базовый домен (vash_sayt.ru). При желании можно добавить иконку и фото загрузить. Сохраняем изменения. Теперь копируем с этой же страницы ID приложения и Защищенный ключ и вставляем в настройки плагина Vkontakte API.

Настройки Vkontakte API


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

Комментарии.

Плагин автоматически добавляет в WordPress комментарии ВКонтакте, никого дополнительного кода никуда вставлять не надо. Стандартные комментарии WordPress при этом так же работают, но их можно отключить, поставив галочку напротив «Убрать комметарии WordPress-а».

Медиа в комментариях.

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

Вход.

Возможность авторизироваться в VK через ваш блог.

Кнопка «Мне нравится».

Мне нравится от ВКонтакте

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

Кнопка «Сохранить».

Сохранить

Еще одна иконка от VKontakte.

Facebook Like button.

Мне нравится от Facebook

А вот это уже «Мне нравиться» от социальной сети Facebook. Для ее активации необходимо вписать Facebook App ID. Имея аккаунт на Facebook, пройдите по и создайте новое приложение. Действуйте по аналогии с рассмотренным выше инструкцией по созданию приложения ВКонтакте.

PlusOne button.


Google +1

Кнопка +1 от Google. Если вы ее еще не добавили на блог, то обязательно добавьте!

Остальные настройки можно и не трогать.

Кроме этого, в WordPress плагин Vkontakte API добавляет 5!!! новых виджетов:

  • VKapi облако тегов — красивое объемное flash облако тэгов.
  • VKapi популярное — топ страниц блоге на основе кнопки «Мне нравится».
  • VKapi вход — виджет авторизации пользователя в ВКонтакте.
  • VKapi сообщество — виджет позволяет выводить информацию о вашей группе в ВКонтакте. Для работы виджета необходимо вписать в его настройках ID группы.
  • VKapi Последние комментарии — выводит последние комментария блога.

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

На этом все. Спасибо за внимание. Всех Вам благ!

fairheart.ru

Social Share Buttons for WordPress

Виджет вконтакте для wordpress

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

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

wordpressinside.ru

Как добавить комментарии вконтакте в WordPress

Добавить комментарии Вконтакте в WordPress можно используя виджет или плагин

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

1-й шаг Заходим на сайт социальной сети http://vk.com/, через нижнее меню «разработчикам»

Виджет вконтакте для wordpress

2-й шаг Далее, «Виджеты и сторонние сайты»

виджеты вк для сайтов

3-й шаг Для установки комментариев кликаем и переходим к коду виджета от Вконтакте.

код вставки комментариев вк в вордпресс

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

Виджет вконтакте для wordpress

5-й шаг Код состоит из двух частей. Одну часть копируем и вставляем в файл header.php перед закрывающим тегом </head>.

копируем код комментариев

6-й шаг Вторую часть кода копируем и вставляем в файл single.php перед

<?php comments_template(); ?>

 

Виджет вконтакте для wordpress

Сохраняем файл, идем на страницу блога или сайта и видим, что комментарии от Вконтакте подключены.

web-profy.com

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

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

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

Переходим по данной ссылке и оказываемся сразу в форме настройки виджета группы. Для начала разберем что же нам говорит сам VK о своем виджете.

Виджет группы на сайте WordPress

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

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

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

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

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

yrokiwp.ru

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1) Авторизуйтесь вконтакте и перейдите по ссылке: Виджет для комментариев

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

 скрипт комментарии вконтакте - настройка виджета комментариев вконтакте

3) Нажимаем кнопку «Сохранить» и получаем свой ID, которым нужно в коде заменить надпись API_ID (на скриншоте я ее подчеркнул красным).

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

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

 

zgothic.ru

Введение

В этой записи я рассмотрю два способа:

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

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

AnyComment: плагин комментариев с авторизаций через соц. сети

Виджет вконтакте для wordpressПредлагаю вам убрать всю головную боль и установить AnyComment.

На это есть несколько причин:

  • бесплатный
  • авторизацию через ВК, Facebook, Twitter, Google, Github (скоро будут одноклассники, Dribble и др.)
  • оставить комментарий без перезагрузки страницы
  • статистика комментариев

подробнее можно почитать тут

Детальная установка плагинов описана под заголовком ниже, лишь в данном случае вводите «AnyComment» в поиске для установки этого плагина.

Плагин для VK комментариев

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

Инструкция к установке:

  • Войти в админ панель
  • Зайти в «Плагины» → «Добавить новый»
    WordPress установка плагина
  • В правом верхнем углу есть поле для поиска «Поиск плагинов…», введите «Bologer VK Comments» и нажмите Enter, в результате вы должны увидеть следующий плагин:
    Bologer VK CommentsТак же, вы можете скачать Bologer VK Comments архивом и установить его старым добрым способом
  •  Нажмите «Установить» и после установки «Активировать»
  • В левой колонке меню у вас появится «ВК Комментарии» с иконкой социальной сети
  • Нажмите на ссылку плагина. Внутри вы увидите инструкцию по настройку. В целом, вам нужно будет зайти на страницу разработчиков ВК, скопировать код, вставить в специальное поле и плагин автоматически поставить поставленные ваши настройки на стороне соц. сети на вашем блоге

Это мой личный плагин и я буду вам благодарен если вы оставите хороший отзыв или «5 звезд» 🙂

Функции

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

Код. Инструкция по установке

  • Заходим на страницу с виджетами и выбираем «Комментарии» (или кликните тут).
  • В выпадающем списке «Сайт/приложение» выбираете «Подключить новый сайт» или выбираете текущий сайт (если вы уже добавляли). При добавлении вам нужно указать «название сайта», «адрес», «основной домен» и выбрать тематику. В моем случае выбираю и ввожу следующее: «Bologer.ru — мой блог», «http://bologer.ru», «bologer.ru» и «ИТ (компьютеры и софт».
  • Далее выбираем «Количество комментариев» для отображения. Если вы выберете, например, пять комментариев, а у вас уже добавлено больше, то сначала при загрузке страницы покажется 5 комментарием и далее вы можете нажать нажать «Показать еще», чтобы подгрузить остальные.
  • Выбираем нужно вам «Медиа» или нет. Это например добавление граффити, фото, аудио видео и ссылки.
  • Устанавливаете ширину блока комментариев.

И далее у вас автоматически сгенерировался код для вставки на сайт.

Процесс создание комментарием VK

Мы не будем просто вставлять код, так как это не правильно. Я покажу вам как это делать в стиле WordPress.

Добавляем код виджета VK

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

<!-- Put this script tag to the <head> of your page -->  <script type="text/javascript" src="//vk.com/js/api/openapi.js?136"></script>    <script type="text/javascript">   VK.init({apiId: XXXXXXX, 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: 10, width: "665", attach: "*"});  </script>

Как вы можете заметить, он разделен на 2 части.

Первая — это скрипты (строки 1-6), которые вам нужно подгрузить для отображения комментариев. Вместе «XXXXXXX» у вас будет отображаться уникальный номер вашего сайта.

Вторая — это часть кода, которая понадобится для отображения комментариев.

Создаем функцию в functions.php

  • Копируем функцию, которая находится ниже и открываем файл functions.php, который находится внутри вашей темы.
  • Спускаемся в самый низ файла и добавляем следующую функцию.

Внимание! Вместо «ВАШ_ID» пишите ID который написан в вашем коде для вставки.

function vk_comments_api() {     if( is_single() ) {   echo '<script type="text/javascript" src="//vk.com/js/api/openapi.js?136"></script>';   echo '<script type="text/javascript">   VK.init({apiId: ВАШ_ID, onlyWidgets: true});   </script>';   }  }  add_action('wp_head', 'vk_comments_api');

В этой коде я добавил два скрипта в <head></head> вашего WordPress сайта. Но я не просто их добавил. Я сделал условие, которые добавит скрипты только в том случае, если запись открыта полностью. А зачем нам нужно грузит сайт лишними скриптами? Верно?

Добавляем комментарии в comments.php 

Далее вам нужно открыть файл comments.php и найти строчку похожую на эту: <div id="comments" class="comments-area"> , которая говорит о начале стандартных WordPress комментариев.

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

<div id="vk_comments"></div>  <script type="text/javascript">  VK.Widgets.Comments("vk_comments", {limit: 10, width: "665", attach: "*"});  </script>

И все готово! Комментарии должны быть успешно установлены.

Если у вас какие-то проблемы — пишите их в комментарии ниже к этой записи, буду рад помочь.

bologer.ru

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

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

Вставляем виджет группы вконтакте на WordPress

Чтобы приступить к вставке кода на страницы сайта, для начала авторизуемся на сайте ВКонтакте, и проследуем по ссылке «Разработчикам» в конце страницы:

  1. Найдите пункт «Авторизация и виджеты для сайта» ;
  2. Щёлкаем «Сообщество» — 3 пункт сверху и настраиваем отображение;
  3. Укажите ссылку на свою группу или паблик, так как она отображается в адресной строке;
  4. Выберите формат отображения: Участники, новости, только название (рекомендуем вариант «Участники», как более распространённый среди блогов и большинства крупных сайтов);
  5. Далее настройте габариты виджета (ширину и высоту в пикселях), и если требуется измените цветовое решение, чтобы вписать в шаблон сайта.

widget-grouppe-vk

Далее, как только настройка окончена, копируем полученный код, который и предстоит поместить на сайте.

Первую часть кода вставляем после открывающегося тега <body>, который находится в файле «footer.php» тем WordPress. Вторую часть копируем в «Sidebar» в разделе «Внешний вид»-«Виджеты», помещая в стандартный текстовый блок. После нажатия кнопки «Сохранить» можно проверить отображение «Виджета Сообщества» на сайте.

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

Как вставить виджет ВК через iframe

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

Чтобы избежать таких неполадок, можно применить иной способ вывода «Виджета Сообщества», воспользовавшись кодом построенным на показе через <iframe>:

<iframe src="http://vk.com/widget_community.php?gid=53033466&width=280&height=220" width="280" height="220" scrolling="no" frameborder="0"></iframe>

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

Вместо послесловия

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

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

wd-x.ru


You May Also Like

About the Author: admind

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.