Используем 2 системы комментариев Blogger и Google+ вместе с простым переключением

Комментария Google+ – это очень классная новая и улучшенная система комментариев для блогов на платформе Blogger, которая позволит создать вам прочную связь со своими читателями. Эта новая система комментариев не только обеспечивает дополнительную безопасность, но и позволит пользователям вступать в беседу с любого блога расположенного на Blogger. Эта система обеспечивает людям гибкость, чтобы они могли поделиться и обсудить любую тему на вашем блоге гораздо быстрее.

Используем 2 системы комментариев Blogger и Google+ вместе с простым переключением

Демо

Тем не менее, прежде чем кто-либо решит оставить на блоге комментарий, он должен будет зарегистрировать аккаунт в соц. сети Google Plus. Система будет работать только для некоторых пользователей, но не каждый хочет ставить барьеры вокруг своего сайта и его содержания. Кто не любит свободу? То же самое применимо и здесь. Вы же не хотите заставлять своих посетителей создавать учетную запись в этой соц. сети, так как вы их наверняка в этом плане поддерживаете. В этой статье я покажу вам, как создать переключения между 2 системами комментариев Google+ и Blogger на платформе Blogger.

Я нашел метод переключения, который позволит вам включить новые комментарии Google+, не теряя старую систему комментариев Blogger. Пользователи могут продолжать комментировать ваш блог как они делали это и раньше, но и пользователи Google Plus смогут нажать на кнопку переключателя «G+» и прокомментировать, или поделиться вашим постом.

Каковы недостатки Google+ комментарий?

Во-первых, чтобы воспользоваться этой системой, нужно, чтобы человек создал учетную запись в Google Plus, а иначе он не сможет оставить свой коммент. Не каждый человек на этой планете пользуется этой соц. сетью, так что это, вероятно, будет раздражать многих ваших посетителей.

Во-вторых, эта система комментариев зависит от URL-адреса. В отличие от ID приложения Facebook, она не хранит все данные, как с вашим API. Вы потеряете все ваши предыдущие комментарии, если измените URL-адрес вашей статьи или страницы.

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

Установка:

Шаг № 1: Первое, что вам нужно сделать, это сделать резервную копию вашего шаблона. После входа в систему из приборной панели пройдите в Шаблон >> Изменить HTML. Теперь включите встроенный окно поиска в HTML редакторе и ищите следующего код.

Совет: Щелкните в любом месте HTML редактора и нажмите клавиши CTRL + F, чтобы включить окно поиска.

<b:includable id='threaded_comments' var='post'>
.
.
.
.
</b:includable>

Шаг № 2: После нахождения кода упомянутого выше, заменить его полностью следующем кодом.

<b:includable id='threaded_comments' var='post'>
  <div id='com-header'>
<h6>Коментарии:</h6> <img class='com-on' id='com-norm' src='https://lh3.googleusercontent.com/-nfrkoUYsV-E/UXVi6W7CI8I/AAAAAAAAILo/uCS3thePKXU/s50/blogger_on.png' title='Комментрии Blogger'/><h6>или</h6> <image id='com-gplus' src='http://lh6.googleusercontent.com/-wnTb7SHAGEE/UXVi6xoHXAI/AAAAAAAAILY/6vx5Em5w8MI/s50/plus_off.png' title='Комментарии Google+'/><h6>Выбор за вами!</h6>
<div id='copyrigtsmbl'><a rel="nofollow" href='http://www.mybloggerlab.com/' id="mblrights">Get This Widget</a></div>
</div>
<div id='comment-zone'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>
    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>
    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
  <div id='gcontainer'><div id='gcomments'/></div>
<script src='http://apis.google.com/js/plusone.js'/>
<script src='https://googledrive.com/host/0B0WJjcJEFNziQU01STJVc3RzeWc'/>
<style>
#gcontainer {
display:none;
  }
#com-norm,#com-gplus {
cursor:pointer;
padding:0 5px;
float:left
  }
#com-header {
border: 1px solid #d2d2d2;
padding: 10px;
float: left;
width: 580px;
margin-bottom: 20px;
background: #f5f5f5;
  }
#com-header h6{
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
float: left;
padding-top: 15px;
margin: 0px;
margin-right: 7px;
margin-left: 7px;
  }
#copyrigtsmbl {
float: right;
margin-top: 20px;
border-top: 1px solid #d2d2d2;
margin-right: -10px;
padding-right: 10px;
padding-top: 5px;
padding-left: 10px;
border-left: 1px solid #d2d2d2;
padding-bottom: 5px;
margin-bottom: -10px;
font-size:11px;
background: #fff;
  }
#copyrigtsmbl a {
text-decoration:none;
color:111!important;
  }
</style>
</div>
</b:includable>

Помните: Убедитесь, что тэги закрыты корректно в противном случае вы подвергаетесь риску HTML ошибок.

Шаг № 3: Теперь еще раз с помощью окна поиска найдите следующего кода.

<b:includable id='comment_picker' var='post'>
.
.
.
.
</b:includable>

Шаг № 4: После нахождения кода, указанного выше, полностью замените его надлежащим образом с помощью следующего кода.

<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='threaded_comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>

Помните: Закрыть теги нужно правильно, так чтобы в шаблоне не возникали ошибки.

Шаг № 5: После прохождения всех шагов, упомянутых выше, нажмите кнопку «Сохранить шаблон», расположенную в верхней части экрана.

Поздравляю: Вы успешно добавили систему комментариев Google+ в блоггер, не удаляя предыдущую систему комментариев Blogger.

Вывод:

При включении обеих систем комментариев, вы ни к чему не обязываете своих посетителей, напротив, вместо этого вы даете им свободу выбора, какой системой комментариев они будут пользоваться. Это действительно принесет много преимущества, как для вас, так и для ваших читателей. Дайте мне знать, что вы думаете о новом способе настроек? Не забудьте вернуться на эту страницу, если вы столкнетесь с какими-либо вопросами!

[important]

ВАЖНО: Для того, чтобы система Google Plus и Blogger комментарии появлялись вместе, необходимо, чтобы на странице было не менее 1-го комментария. Те странице, которые имеют 0 комментариев, будут продолжать отображать старую систему комментариев.

Авторские права: Авторы добавили обратную ссылку на свой гаджет. Убрать ее я, к сожалению не вправе :(, но от индексации закрыл :).

Помните: Вам не нужно будет активировать Google+ комментарии в ваших настройках. Если вы уже использовали эту систему, ее нужно отключить, прежде чем приступать к этому уроку.

[/important]

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>