>--> 2013-09 | クリボウの Blogger Tips

クリボウの Blogger Tips

Google Blogger の使い方、カスタマイズ方法、各種ツールなど、
Blogger 関連の役立つ情報を紹介しています。

Home > 2013-09

2013-09

Blogger ブログに従来のコメント欄と Google+ のコメント欄の両方を表示する方法

Comments (cc) THOR

2013 年 4 月に、Blogger ブログに、通常のコメント欄と入れ替える形で Google+ のコメント欄が設置できるようになりました(参考)。複数のブログについたコメントや他人のブログにつけたコメントが Google+ で一元的に閲覧できるので非常に便利なんですが、その一方で通常のコメント欄と比べ不便なところもいくつか指摘されています。

  • Google+ ユーザーしかコメントできない。
    通常のコメント欄なら Google ユーザー、OpenID ユーザーに加え、「匿名」も選べます。
  • 公開範囲が分かりにくい。
    Google+ のサークルが適用されるため、誰にどのコメントが見えているのか把握しにくいかと。
  • ブログのドメインを変えられない。
    Google+ 上でのコメントは、リンクの URL で Blogger ブログと関連付けられているため、ドメインを変更してしまうと、ブログから以前のコメントが見れなくなってしまいます。
  • 記事ごとのコメント表示・非表示、新規受け付けの可否設定ができない。
    Blogger の投稿エディタのオプション指定が効きません。
  • コメントの「オーナー承認後公開」ができない。
    ブログにコメントがつくというより、Google+ での言及をブログに表示できる、というのが本質なので、しょうがないといえばしょうがないんですが。
  • ブログについたコメント一覧が確認できない。
    通常のコメントだと、ダッシュボードやコメントフィードで確認できますね。
参考:
ということで、従来のコメント欄も Google+ のコメント欄も両方ブログに載せてしまおうと思ったわけです。参考にしたのはこちらのブログ。

導入してみた様子が、次の画像です。



導入方法

1.Blogger の管理画面「Google+」から「このブログで Google+ のコメントを使う」のチェックを外します。元々 Blogger ブログを Google+ プロフィールと関連付けていない人は、そのままで。

2.Blogger 管理画面「テンプレート > HTML の編集」から

<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>

というコードを見つけます。「Ctrl + f」キーからエディタの検索機能を使うと便利です。

3.2のコードのすぐ後に

<div id='g-comments-container'>
  <h4 id='g-comments-label'>Comments on Google+:</h4>
  <div class='g-comments' data-first_party_property='BLOGGER' data-view_type='FILTERED_POSTMOD' data-width='600' expr:data-href='data:blog.canonicalUrl'/>
</div>

というコードを挿入して「テンプレートを保存」ボタンを押します。赤字部分は Google+ コメント欄の最大幅です。通常のコメント欄の幅に合わせて調整するのがいいと思います。

青字の部分は、Google+ コメント欄の上部に表示されるメッセージで、自由に書き換えることができます。閲覧者がどちらにコメントすればいいのか迷わないように、何か説明を書いてもいいかもしれませんね。

なお、<div id='backlinks-container'> は 2 箇所あるので、両方のコードの後に同じコードを貼り付けてください。


ということで、「Google+ のコメント欄を置きたいけど、前についたコメントも表示しときたいんだよな…」という人も、「Blogger アカウントと Google+ アカウントをまだ関連付けていないんだけど…」という人も、ぜひお試しください。


ちなみに

テンプレートによっては、Blogger のコメント欄が 425px 幅で固定になっているものがあります。これは、Blogger 公式の外部 CSS ファイルで指定されているもので、Blogger 管理画面「テンプレート > HTML の編集」から、テンプレートの CSS 部分

/* Comments
----------------------------------------------- */

のすぐ後にでも、

.comment-form{max-width:600px;}

と挿入することで、テキストエリアの幅の上書きが可能です。Google+ のコメント欄と幅を合わせたいというときに思い出してください。

Blogger に投稿した記事を、自動で Google+ に共有できるようになりました

Posted at: 2013-09-14 Label: , , 8



Google+ プロフィールや Google+ ページとリンクさせている Blogger ブログで、記事を投稿した際に Google+ に自動共有されるようになりました。

2013 年 4 月には Blogger のコメント欄を Google+ のものに置き換えるオプションも出ていますし(参考)、Blogger と Google+ の垣根がますます低くなりますね。

この設定を以前の方式(投稿の度に Google+ に共有するか確認するダイアログを表示したり、尋ねなくしたり)に戻す場合は、Blogger 管理画面「Google+」から「投稿後に自動的に共有する」のチェックを外すといいようです。詳しくはヘルプでご確認を。

Blogger 関連のつぶやき 2013-05、2013-06、2013-07、2013-08

Posted at: 2013-09-08 Label: 7



Google+ ページ「クリボウの Blogger Tips」および、Facebook ページ「クリボウの Blogger Tips」で流した 2013 年 5 月から 8 月までの Blogger 関連のつぶやきを、ここにまとめておきます。

(普段は 1、2 か月分でまとめて記事にしているんですが、前回まとめるのをすっかり忘れていました…。すみません。)

これらの Blogger 情報をリアルタイムで読みたい!という人は、上記リンク先からサークルに追加したり「いいね!」したりしてください。Twitter アカウントフィードも開設しているので、そちらもぜひご活用ください。



このブログでは毎月もしくは隔月で、記事にしたネタや記事にしきれなかった Blogger 関連ニュースを掲載しています。最新のニュースについては、Google+ ページFacebook ページTwitter アカウントフィードのうち、利用しやすいもので確認してください。

© 2005-2014 Kuribo. Powered by Blogger.