「WordPress」に「Google +1」を設置する

6月1日(米国時間)、Google +1が公開されました。
これは、Googleが始めるソーシャルな試みの機能で、Google版の「いいね!」です。

Google +1

Google +1

ということで、早速ブログに設置します。

設置方法

  • 作成ページを開いて、必要に応じてボタンをカスタマイズします。

    ボタンのカスタマイズ

    ボタンのカスタマイズ

  • コードが生成されます。

    <!-- 次のタグを head 要素内または body 終了タグの直前に貼り付けてください -->
    <script type="text/javascript" src="http://apis.google.com/js/plusone.js">
      {lang: 'ja'}
    </script>
    
    <!-- 次のタグを +1 ボタンを表示する箇所に貼り付けてください -->
    <g:plusone count="false"></g:plusone>
    
  • まず、[wp-content] – [themes] – [テーマ名] -フォルダの「header.php」ファイルのheadタグ内に読み込みのコードを設定します。

  • <script type="text/javascript" src="http://apis.google.com/js/plusone.js">
      {lang: 'ja'}
    </script>
    
    </head>
    
  • 次に同フォルダにある個別記事ファイルの「single.php」の表示したい部分に表示のコードを設定します。今回は、記事の下に表示されるように設定しました。

  • <!--Google +1 -->
    <g:plusone count="false"></g:plusone>
    
    </div><!-- .entry-content -->
    
  • 表示されることを確認して完了です。

    Google +1 ボタン表示!

    Google +1 ボタン表示!

キャッシュ機能を入れたので、全てのページに反映されるのはしばらく時間がかかりますが、そこは待ちたいと思います。

ひとこと

そもそも、他のソーシャルなボタンも設置しないとだな。

カテゴリー: WEB技術のこと   タグ:   この投稿のパーマリンク

トラックバック

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>