Google+1 を concrete5 に埋め込む方法
2011年6月3日 at 3:23
＜参考＞
■ Twitter 「ツイートする」ボタンと Facebook App を埋め込む方法
http://concrete5-japan.org/community/forums/development/post-908/
6月1日より、サービス開始となった、Google+1ボタンを、当 concrete5 公式サイトに、入れてみました。
今回 concrete5 公式サイトは、既に作られているページがたくさんあるため、テーマファイルに直接コードを埋め込みましたが・・・下書き共通ブロックとして、HTMLブロックを作成し任意のページに配置するのもいいでしょう。
【Step 1】Javascript のコードを取得する
http://www.google.co.jp/webmasters/+1/button/
より、任意のオプションを選びます。
【Step 2】Javascript を読み込むコードを <body> タグの前に設置します。
<!-- 次のタグを head 要素内または body 終了タグの直前に貼り付けてください -->
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
を、「管理画面」- 「サイト全体の設定」-「アクセス解析」のテキストエリアに入れてください。
・テーマの作り方を熟知の方は、テーマファイルの </body>タグの前
・プラス、オーバーライド機能をご存じの方は /elements/footer_required.php に
という方法も可能です
【Step 3】ボタンを配置する場所に、以下のコードを HTML ブロックなどで配置する
<!-- 次のタグを +1 ボタンを表示する箇所に貼り付けてください -->
<g:plusone></g:plusone>
もしくは、テーマファイルに直接、URLを入れることも可能です。
【おまけ】
当 concrete5 日本語サイトへの Google +1 へ導入したときの模様を週刊 concrete5 放送中に、リアルタイムで行いました。
http://www.youtube.com/watch?v=Ha_TjVA6FpI
は、難しい応用編です。挑戦してみたい人はどうぞ。
また、
■ Twitter 「ツイートする」ボタンと Facebook App を埋め込む方法
http://concrete5-japan.org/community/forums/development/post-908/
を参考に、ページリストのカスタムテンプレートで、リンク先 Google +1 の数を表示できるようになります。