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





Как я уже писал, в блоге я буду писать не только об автоматизированном тестировании, но и обо всяких других штуках. Решил я поделиться своими мыслями о том, какие плагины я использую для  своего блога на 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

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

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

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

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




Понравилась статья? Поделиться с друзьями:
Комментариев: 1
  1. RomanZmeu

    Спасибо. пригодилось для моего

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: