ブログ別google+1ボタン設置方法とTipsまとめ
お手軽に設置できるみたいだし、と思ったらすんなりといかない場合もあるgoogle+1ボタン。そこで、設置方法を紹介している記事をブログ別にまとめました。くわえてTipsを紹介している記事もまとめました。参考になった記事でさっそく＋１ボタンを押してみてはいかがでしょうか？【随時更新】
更新日: 2011年06月09日RSS
0
お気に入り
7912
view
お気に入り追加
★ はじめに
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone></g:plusone>
基本的には、+1 ボタンの設置は↑のコードを任意の場所に貼り付けるだけです。
href 属性
+1 タグのパラメータで定義される属性で、+1 を関連付ける URL を明示的に指定します。
しかし、ブログによってはアーカイブやインデックス表示などで投稿記事のURLが変わる場合があるため、↑の属性を利用する必要がでてきます。
<g:plusone size="medium" href="投稿記事のパーマリンクタグ"></g:plusone>
そこで、↑のようにhref属性="投稿記事のパーマリンクタグ"の追記をします。これによって、特定の投稿記事に+1ボタンをより厳密に対応付けることができます。ただし、このパーマリンクタグはブログ毎に独自のタグとして提供されています。
以上を踏まえて、どうやってコードを追記するのか、どこにコードを追記するのか、独自タグはなんなのか、これらをポイントに各記事をご覧ください。
★ ブログ別設置方法
Blogger
BloggerへのGoogle+1ボタン追加は非常に簡単です。画像付きで丁寧に説明されています。
Bloggerといえばこちら。Google+1ボタンってそもそも何？という疑問がわかりやすく解説されています。
上のブログで紹介されている手順でうまくいかなかった場合の手順を紹介しています。
BloggerはGoogle+1ボタンを簡単に設置できますが、他のシェアボタンと一緒に表示されます。こちらでは、Goolge+1ボタンを単体で設置する手順が説明されています。
アメブロ
google提供のコード貼りつけだけではIE8で見れない場合があるそうです。IE8に対応したソースコードの紹介と設置手順の説明がされています。
livedoorブログ
必要な情報が簡潔に説明されています。
FC2
必要な情報が簡潔に説明されています。
上の記事と同じ情報ですが、より丁寧で分かりやすく説明されています。
WordPress
single.phpにコードを埋め込む方法が説明されています。また、ボタンのカスタマイズイメージもわかりやすく紹介されています。
上の記事と同じ方法ですが、より丁寧で分かりやすく説明されています。
よりお手軽にするためにプラグインが提供されています。素晴らしい。
WordPressブログにGoogleの「+1」ボタンをつける方法
既存のプラグインによる追加手順が紹介されています。とっても簡単。
MovableType
手順から貼り付け場所まで非常にわかりやすく説明されています。
Twitterにgoogle+1ボタンを設置できるChromeエクステンションの紹介がされています。
★ Tips
+1ボタンが表示されないブラウザに対応するために、HTML5のコードを利用する方法が紹介されています。また、Googleアナリティクスで+1ボタン利用状況を計測する方法も紹介されています。
上の記事にはHTML5コードを利用すると、ボタンサイズが制御できないという問題があげられています。ここではその問題を解決する方法が紹介されています。また、google+1ボタンのスクリプト読み込みを最適化する記事を紹介されています。
1
インタレストマッチ - 広告の掲載について
bunmemoさん
運営サイト
自分が気になったこと調べたことをメモがてらまとめたいと思います。
クリエイティブ・コモンズ・ライセンスって何？まとめ http://t.co/LmJ6vNX
注目まとめ
おすすめまとめ
このまとめの関連商品
Powered by Rakuten
