
Сегодня вы узнаете как подключить комментарии vkontakte к вашему блогу на blogspot.
Подключение комментариев vkontakte для вашего блога полезно с целью привлечения пользователей этой социальной сети. Конечно, эффективнее создать группу vk и раскрутить ее, об этом более подробно вы можете прочитать в статье раскрутка группы вконтакте.
Итак, приступим. Для начала вам нужно авторизоваться vkontakte. Теперь перейдите на страницу Виджет для комментариев. На этой странице вам нужно ввести в соответствующие поля – Название вашего блога и адрес. Строка основной домен сайта проставится автоматически. Настройки комментариев vkontakte –


Скопируйте выделенную часть кода (смотри скриншот ниже) и вставьте его после тега head в Шаблон html блога:


Важное примечание!!! Как вы видите в выделенном коде у вас есть отрезок: ({apiId: API_ID, onlyWidgets: true}); . Если вы вставите код в таком виде, то подключить комментарии vkontakte к blogspot у вас не получится. Вам нужно заменить код API_ID на собственный идентификатор виджета, который вы можете взять со страницы ваших приложений vkontakte. Однако, перейдя по этой ссылке, вы увидите, что у вас нет ни одного приложения




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


Скопируйте ID приложения и подставьте его в первый отрезок кода:
У меня получилось следующее:
<script type="text/javascript" src="//vk.com/js/api/openapi.js?78"></script>
<script type="text/javascript">
VK.init({apiId: 3392537, onlyWidgets: true});
</script>
Теперь скопируйте оставшуюся часть кода (всё после комментария <!-- Put this div tag to the place, where the Comments block will be –>):


Теперь идем снова в шаблон html, расширяем шаблоны виджета, находим отрезок кода
<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/>
и вставляем вторую часть кода vkontakte сразу после него.
Получим следующее (скриншот части кода Шаблона html):



Второй вариант, если вы не нашли предложенный код – вставляйте вторую часть кода посте
<b:includable id='comment_picker' var='post'>
Для того,чтобы комментарии vkontakte не отображались на главной странице блога, Заключите вторую часть кода между тегами <b:if cond='data:blog.pageType == "item"'> и </b:if>
В результате получим :
<b:includable id='comment_picker' var='post'> <b:if cond='data:blog.pageType == "item"'> <div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, width: "496", attach: "*"});
</script>
</b:if>
Спасибо! Давно хотела сделать такое, но сомневалась в возможности этого. Если возникнут вопросы (а они обязательно будут))))))) - напишу.
Перешла в DEMO и ничегошеньки не увидела по теме данного поста...
ООООООО спасибо большое!!!
Спасибо большое за пост!!!
респект! просмотрел с десяток мануалов, помог только ваш!!!!
Где найти в шаблоне Расширить шаблоны виджета?
После изменения интерфейса в админке Blogspot расшитрять шаблоны виджета не нужно. Этого пункта теперь нет.
Огромное спасибо за статью. Мне наконец-то удалось установить комментарии Вк на свой блог