調べてみるといくつかのエントリで「+1」されていたようだったので、せっかくだからテンプレートを小カスタマイズするついでに利用してみることに。ところが単に設置するだけなら別に難しくないんだけど、(HTML文法エラーになる)独自タグを使わないで、かつ記事ごとに別のボタンを設置するとなるとちょっと面倒なことが判明。いうわけで、前半では普通にFC2ブログに+1ボタンを設置する方法を、後半ではGoogleの独自タグを使わないで記事ごとに+1ボタンを設置する方法を紹介。ボタンを設置するまず最初に以下のコードをテンプレートの上部にある<head>から</head>の間か、最下部にあるはずの</body>の直前に書き込む。headタグ内に入れると+1ボタンの素早い表示が期待できるけど、もしGoogleのサーバが重くなっているとページ全体の読み込みが遅くなる場合があり得る。bodyの閉じタグ直前なら逆でサーバが重くてもページの表示には影響がないが、ボタンの読み込みが遅れる可能性もある。どっちがいいかは好みの問題なので、任意で選んで欲しい。'ja'}</script>次にテンプレート内にあるFC2の変数<!--topentry-->から<!--/topentry-->の間(通常はこの変数の間に記事が表示される)のボタンを表示させたい場所に以下のタグを書き込む。「ボタンのサイズが気に入らない」「カウント数が不要」などの場合は、以下のリンク先のページからカスタマイズした貼り付けコードを取得する。任意の設定になったコードが表示されたら、仕上げにタグの中に前述のコードと同じ「href="<%topentry_link>"」というオプション(文字列)を追加すれば完成。普通に表示するだけなら上記のGoogleのコード作成ページで作ったタグでも特に問題はないが、これはGoogleの独自タグのようになっているため、いわゆる「正当な」HTMLではなくなってしまう。これが気になる人は以下のように書き換えればエラーなしで+1ボタンを表示させることができる。ちなみにオプションの設定値はGoogleのタグを使ったものと同じなので、コード作成ページで表示のされ方と値を確認しておくとスムーズに進むはず。(値を省略するとデフォルト値に設定される。5を使用している場合はカスタムデータ属性を使うことによってオプションが設定できる。挙動はGoogleの独自タグと同じなので、ボタン表示部分のコードを単に差し替えるだけでそのまま動作する。data-href="<%topentry_link>"></div>表示サイズ「中」カウント「なし」のHTML5コード例。4.01にはカスタムデータ属性は存在しないため、HTMLタグとJavaScriptを組み合わせて表示する。記事ごとに別のボタンを表示させるためには個別のidを割り当てる必要があるので、FC2ブログの記事No変数を利用したコードになっている。このコードのみ、「plusone.js」を呼び出すJavaScriptをheadタグ内(正確にはボタンを表示させたい場所より前)に書き込んでおく必要がある。</body>直前では正常に動かないので注意。--></script>コード内で使われているFC2ブログの変数は、恐らくそのまま別のブログサービスの変数などに差し替えても動作するはず。興味がある人は参考に。記事への反応この記事へのコメントコメント機能を利用するにはログインする必要があります。「Disqus」または「Twitter」「Google」「Facebook」などのアカウントが使用できます。URLこの記事にトラックバックする(FC2ブログユーザー)スパム対策のため、この記事へのリンクのないトラックバックは受信されません。Disqusブログロール空気を読まない中杜カズサブログ名の設定は、まだ。「メルペイ残高」はどう使うのがスマートでお得か?3つのルートから考える「コード決済」は進化か退化か。自分でQRコードをスキャンして初めて実感できた“存在意義”IIJmio(みおふぉん)を解約したのでSIMカードを返却。