Google +1 ボタンの設置方法 (WordPress対応)

Googleから、プラスワンボタンがリリースされました。
一言で言うと、Google版「いいね!」ボタンですね。

設置は簡単にできますので、WordPressでの設置方法と一緒に記載しておきます。

設置方法

以下のページから簡単にコードを生成できます。

[ Google +1 をウェブサイトに表示 ]

サイズ、言語を選択すれば、最低限の設定は完了です。
詳細オプションリンクをクリックすると、カウンター表示有無や、対象とするURLを明示的に設定できる項目が出現します。
パラメータがつくようなURLは、ここで可変しないURLを入力しておきましょう。

設定が終わったら、生成されたコードをhead要素内(またはbody終了タグの直前)と、+1 ボタンを表示したい場所にそれぞれ貼り付けて完了となります。

一刻も早く設置したい人向けの説明

要点だけほしい、もしくは必要となるコードだけ教えてほしい、という人は、ここから読んでください。

下記コードを、head要素内またはbody終了タグの直前に貼り付けます。

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
  {lang: 'ja'}
</script>

次に、+1 ボタンを表示したい場所に、下記コードを貼り付けてください。

<g:plusone size="medium"></g:plusone>

URLを明示的に指定する場合は、下記コードにしてください。
パラメータがつくようなURLは、ここで可変しないURLを設定しておきましょう。

<g:plusone size="medium" href="サイトのURL"></g:plusone>

「size="***"」は、「mediam」の他に、「small」「tall」、それと指定なしがあります。
ボタンの大きさを変えたい場合はここで指定してください。

WordPressでの設置方法

WordPressで設定する場合は、テンプレートファイルheader.phpのheadタグ内に下記コードを貼り付けます。

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
  {lang: 'ja'}
</script>

+1 ボタンを表示したい場所には、下記コードを貼り付けてください。

<g:plusone size="medium" href="<?php the_permalink() ?>"></g:plusone>

困っている方のお役に立てれば何よりです。

 
    このエントリーをはてなブックマークに追加  

  • コメントを残す