WordPressにプラグインを使用しないで”+1ボタン”を設置する方法

+1ボタンを設置しているブログが多いのでマネして設置しました。

ボタン設置のためのコードを取得

『+1 Your Website - Google』にアクセスしてボタン設置のためのコードを取得します。
http://www.google.com/intl/ja/webmasters/+1/button/

サイズ:

既に設置しているボタンとサイズを合わせるため、今回は中を選択。

Annotation:

バルーンを選択。

非同期・有効な HTML5 構文:

両方ともチェックを入れました。

表示するタイミング:

ページ読み込み時(デフォルト)を選択。

JS コールバック関数:

空欄でOKです。

+1 ボタンの対象とする URL:

後で書き換えるのでわかりやすいよう、とりあえずサイトURLを記入しました。

取得したコードを書き換える

取得したコードを書き換えます。
上の画像でピンク色にマークした所がこれから書き換える部分です。
書き換え前のコードはこんな感じ。

URLを書き換えます

仮に入れたアドレスをブログの記事ごとに変えられるよう、

と書き換えます。

完成

完成したコードはこんな感じです。コメント部分は削除しました。
ボタンを配置したい場所に、このコードを記述します。

  • Advertising
  •  

関連記事

コメント