2013-01-29

Устанавливаем комментарии vkontakte в blogspot

vkontakte blogspot
Сегодня вы узнаете как подключить комментарии vkontakte к вашему блогу на blogspot.

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

..
  • количество комментариев (выберите 5, 10, 15 или 20 комментариев будет отображаться на странице, остальные будут скрыты),
  • Медиа – поставив галочку напротив, вы разрешаете публиковать картинки и видео в комментариях.
  • Ширина – ширина окна комментариев в пикселях. vkontakte blogspot
    Скопируйте выделенную часть кода (смотри скриншот ниже) и вставьте его после тега head в Шаблон html блога:
    vkontakte blogspot com
    Важное примечание!!! Как вы видите в выделенном коде у вас есть отрезок: ({apiId: API_ID, onlyWidgets: true}); . Если вы вставите код в таком виде, то подключить комментарии vkontakte к blogspot у вас не получится. Вам нужно заменить код API_ID на собственный идентификатор виджета, который вы можете взять со страницы ваших приложений vkontakte. Однако, перейдя по этой ссылке, вы увидите, что у вас нет ни одного приложения Удивленная рожица. Они просто отправлены на модерацию, а для этого нужно время… Однако подключить приложения хочется же сейчас! Есть выход – идите на страницу настроек приложений 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 == &quot;item&quot;'> и </b:if>
    В результате получим :
    <b:includable id='comment_picker' var='post'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id="vk_comments"></div>
    <script type="text/javascript">
    VK.Widgets.Comments("vk_comments", {limit: 10, width: "496", attach: "*"});
    </script>
    </b:if>
  • 8 комментариев :

    Антонина Романова комментирует...

    Спасибо! Давно хотела сделать такое, но сомневалась в возможности этого. Если возникнут вопросы (а они обязательно будут))))))) - напишу.

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

    Перешла в DEMO и ничегошеньки не увидела по теме данного поста...

    Stasy Birya комментирует...

    ООООООО спасибо большое!!!

    Anastasia комментирует...

    Спасибо большое за пост!!!

    POKUPKI RU комментирует...

    респект! просмотрел с десяток мануалов, помог только ваш!!!!

    Анонимный комментирует...

    Где найти в шаблоне Расширить шаблоны виджета?

    Mycrib комментирует...

    После изменения интерфейса в админке Blogspot расшитрять шаблоны виджета не нужно. Этого пункта теперь нет.

    Ирина Кинева комментирует...

    Огромное спасибо за статью. Мне наконец-то удалось установить комментарии Вк на свой блог

    Отправить комментарий

    Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML