HOME > スポンサー広告 > title - FC2ブログにGoogle+1(プラスワン)ボタンを設置するHOME > Google > title - FC2ブログにGoogle+1(プラスワン)ボタンを設置する


スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

FC2ブログにGoogle+1(プラスワン)ボタンを設置する

FC2ブログGoogle+1(プラスワン)ボタンを設置する方法です。
エントリーURLの変数を使用して、記事ごとに設置してみます。

スポンサードリンク

Yahoo!ブックマークに登録 newsing it! この記事をクリップ! BuzzurlにブックマークBuzzurlにブックマーク このエントリーをはてなブックマークに追加

Google+1(プラスワン)とは?

+1 ボタンは「おすすめ」や「要チェック」などの情報を手軽にマークできる機能です。

+1 をクリックすると、あなたのおすすめの情報であることが世界中に公開され、友達や連絡先、ウェブ ユーザーが検索するときに参考にすることができます。

検索結果では、パーソナライズされたアノテーションが各結果の横に表示されるため、サイトが目立つようになり、サイトのスニペットが注目されるようになります。さらに、ユーザーがクリックしてページにアクセスする可能性も高くなります。

表示サンプル



Google検索結果サンプル

Google1.gif


FC2ブログGoogle+1(プラスワン)ボタンを設置する

1.コードの発行する

Google +1 をウェブサイトに表示」へアクセスし、コードを発行します。

サイズを選び、言語は「日本語」を選びます。
詳細オプションでカウント数を非表示にすることもできます。そして、下にコードが作成されます。

次に作成されたコードに+1をクリック作成します。ここではエントリーURLの変数は<%topentry_link>を使用します。

・ヘッダータグ

<!-- 次のタグを head 要素内または body 終了タグの直前に貼り付けてください -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'ja'}
</script>

・ボタン表示タグ

<!-- 次のタグを +1 ボタンを表示する箇所に貼り付けてください -->
<g:plusone href="<%topentry_link>"></g:plusone>

2.ブログに設置する

FC2BLOG管理ページ」→「テンプレートの設定」→「HTMLの編集」で作成したコードを挿入する。

作成したコードをheadタグ内(<head></head>)か、body終了タグ(</body>)の直前に貼り付けます。
<head></head>か</body>どちらか1つで記入します。


サンプル・テンプレートデフォルトの場合

・タグを<head></head>の間に追加

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
<link href="<%css_link>" type="text/css" rel="stylesheet">
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml">
<title><%blog_name> <%sub_title></title>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
{lang: 'ja'}
</script>

</head>
<body>

・タグを</body>の直前に追加

<!--
<ul class="yokocal">
<li><a href="<%prev_month_link>"><%prev_year><%prev_month></a></li>
<li><<</li>
<!--calender2-->
<li><%days></li>
<!--/calender2-->
<li>>></li>
<li><a href="<%next_month_link>"><%next_year><%next_month></a></li>
</ul>
-->

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


</body>
</html>

・ボタン表示タグ

トップページに追加する場合は好きな場所に記入します。
場所がわからない場合はフリーエリアなどに記入しましょう。

各記事に追加する場合は

<!--topentry-->

<g:plusone href="<%topentry_link>"></g:plusone>

<!--/topentry-->

の間に記入しましょう。


スポンサードリンク

loading...
自分だけのアバターで友達をつくろう!【MILU(ミル)】
人気ブログランキングへ
Yahoo!ブックマークに登録 newsing it! この記事をクリップ! BuzzurlにブックマークBuzzurlにブックマーク このエントリーをはてなブックマークに追加
[ 2011/07/23 13:08 ] Google | TB(0) | CM(0)

コメントの投稿













管理者にだけ表示を許可する

トラックバック:

この記事のトラックバック URL
http://computernlife.blog.fc2.com/tb.php/31-53ebe972





上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。