Комментарии вконтакте на сайт





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

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

Наши шаги

1. Переходим на страничку http://vk.com/developers.php?o=-1&p=Comments

На открывшейся форме заполняем

Название сайта, адрес сайта (ссылка на сайт, пример http:/prostoitblog.ru/), основной домен сайта (пример prostoitblog.ru), нажимаем «Сохранить»

Должно получиться что то типа этого.

Комментарии вконтакте на сайт

Комментарии вконтакте на сайт

Нас интересует поле «Код для вставки»

1. <!— Put this script tag to the <head> of your page —>

<script type=»text/javascript» src=»//vk.com/js/api/openapi.js?78″></script>

 

2. <script type=»text/javascript»>

VK.init({apiId: 3288646, onlyWidgets: true});

</script>

 

3. <!— 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: «496», attach: «*»});

</script>

 

Для того, что комментарии вконтакте стали отражаться на нашем сайте, необходимо 1 и 2 блоки кода вставить в шаблон header.php, 3 код вставить в comments.php (все это приминительно к блогу на wordpress)

И так авторизуемся в админке wordpess, в левой меню переходим на «Внешний вид» — «Редактор» — Слева находим header.php

В нем, между блоками тегами head вставляем 1 и 2 код. Я вставил сразу после первого же открывающего тега head

Комментарии вконтакте на сайт

Комментарии вконтакте на сайт

Нажимаем «Обновить файл»

! Вот как раз на этом шаге мы  и ставим комментарии вконтакте на свой сайт

Далее в «Внешний вид» — «Редактор» — Слева находим comments.php, 3 код в данном файле можно вставить вообще заместо комментариев wordpress, либо выше комментариев wordpress, либо ниже. Я поставил сразу за комментариями wordpress

Комментарии вконтакте на сайт

Комментарии вконтакте на сайт

Нажимаем «Обновить файл»

Далее смотрим на наш сайт и видим такой симпатичный комментарий вконтакте

Комментарии вконтакте на сайт

Комментарии вконтакте на сайт





Поделиться в соц. сетях

Опубликовать в Одноклассники
Опубликовать в Google Plus
Опубликовать в Мой Мир
Опубликовать в Google Buzz
Опубликовать в LiveJournal
Опубликовать в Яндекс

Комментарии вконтакте на сайт: 1 комментарий

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

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