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


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

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

От слов к делу, или как установить виджет ВКонтактеКак установить виджет ВКонтакте

Для виджета комментариев. В тег <head> страницы Вашего сайта добавьте такой код:

<script src="http://vkontakte.ru/js/api/openapi.js"

type="text/javascript" charset="windows-1251"></script>

На странице сайта добавьте вот такой блок кода внутри:

<script type="text/javascript">

VK.init ({

apiId: ВАШ_API_ID,

onlyWidgets: true

});

</script>

Для получения API_ID нужно просто зайти в «Контакт» по ссылке [ссылка]. Там увидите форму, в которую надо вбить название вашего сайта, ссылку на него и прочую информацию. Нажимаем внизу маленькую кнопку и в форме «Код для вставки» получаем искомый API_ID.

В тег head можно добавить всю часть кода, которая написана после <!-- Put this script tag to the <head> of your page --> до <!-- Put this div tag to the place, where the Comments block will be -->. Её скопируйте и вставьте в header.php своего шаблона для WordPress в каком-то месте между тегами <head></head>.

У вас на странице сайта нужно будет добавить элемент DIV (комментарии будут именно в нём), присвоить ему уникальный id, и добавить блок кода инициализации виджета.

<div id="vk_comments"></div>
<script type="text/javascript">
 VK.Widgets.Comments('vk_comments');
</script>

Код будет добавлять блок стандартных комментариев: по умолчанию отображаются 10 последних комментов. Ширина блока подбирается автоматически, исходя из положения элемента vk_comments. URL задаст идентификатор странице, но при желании ширину можно настроить самим.

Код после слов <!-- Put this div tag to the place, where the Comments block will be --> скопируйте и вставьте в то место шаблона, куда комментарии будут выводиться. Как правило, это место в файле comments.php.(где конкретно расположить его там, решать вам).

Другие виджеты

Попробуйте  виджет сообщений, виджеты сообществ, виджет «Мне нравится». Как установить виджет ВКонтакте, подскажет группа [ссылка].


Поделитесь информацией с друзьями Вконтакте с помощью специальной кнопки


Советуем также обратить внимание:

  • Как сделать перепост ВКонтакте: кнопка «Поделиться»
  • Виджеты для групп ВКонтакте
  • Новый виджет «ВКонтакте»
  • Плагины для ВКонтакте Firefox
  • Пользователь не заходит Вконтакт через Оперу: что делать?
  • Рубрика: Разное |