Добавляем комментарии Google+ на сайт

Здравствуйте, уважаемые читатели XoZbloga! Не так давно, 18 апреля компания Google сообщила о готовности системы комментирования Google+, которую Вы можете использовать на своем сайте, так же как и систему комментирования от Facebook. Преимуществом системы от Google является то, что если кто-то «расшаривает» вашу статью, все комментарии к этому сообщению будут видны в одном «дереве» на сайте.
Таким образом можно поддерживать большое количество бесед. Но есть одно НО, виджет комментариев Google+ на данный момент доступен только для блогов на платформе Blogger. Однако нашлись умельцы, которые предложили неофициальный способ вставлять Google+ комментарии на любой веб-сайт или блог WordPress.

Добавляем на сайт

Сначала необходимо подключиться к Google API.

1
<script src="https://apis.google.com/js/plusone.js"></script>

Вариант 1: Простой

Далее вставляем в нужное место на странице следующий HTML5 код:

1
2
3
4
5
6
<div class="g-comments"
    data-href="[URL]"
    data-width="624"
    data-first_party_property="BLOGGER"
    data-view_type="FILTERED_POSTMOD">
</div>

Чтобы показать количество комментариев к статье:

1
<div class="g-commentcount" data-href="[URL]"></div>

Вместо [URL] должна находиться ссылка на страницу.


Результат работы комментариев Google+

Вариант 2: Динамическая загрузка комментариев

Еще один вариант, размещения комментариев на сайте. В таком исполнении происходит динамическая загрузка комментариев.

1
2
3
4
5
6
7
8
9
10
<div id="comments"></div>

<script>
gapi.comments.render('comments', {
    href: window.location,
    width: '624',
    first_party_property: 'BLOGGER',
    view_type: 'FILTERED_POSTMOD'
});
</script>

Аналогично с счетчиком комментариев:

1
2
3
4
5
6
7
<div id="commentscounter"></div>

<script>
gapi.commentcount.render('commentscounter', {
    href: window.location
});
</script>

Добавляем на блог WordPress

Здесь все еще проще, скачиваем плагин Google+ Comments for WordPress, устанавливаем, настраиваем и радуемся 🙂

Плагин Google+ Comments for WordPress

Заблудиться в настройках этого плагина вряд ли получится. В первой опции Tab Order указываем, какие вкладки с комментариями должны присутствовать на странице (например gplus,wordpress). Если используем Disqus, то в соответствующее поле вставляем его шорткод. Остается лишь указать отображаемые названия вкладок, и все.


Плагин Google+ Comments for WordPress результат

Чтобы оставаться в курсе свежих статей и уроков следите за XoZblog в Facebook или добавляйте в круги на Google+. Не забывайте оставлять комментарии к статьям и урокам. Спасибо!

Чтобы оставаться в курсе свежих статей и уроков подписывайтесь на еженедельную почтовую рассылку или на новостную ленту RSS. Спасибо!