skuare.net

Google+ Activity Widget - jQuery Pluginを紹介します。

使用方法 Google+ Activity Widget - jQuery Pluginからファイル一式をダウンロード。
またGoogle+ API keyを取得しに行きます。
https://code.google.com/apis/console#accessでログイン
"Create Project"を押して、"Google+ API"をonにします。
そしてAPI keyをコピーして下さい。
<link rel="stylesheet" href="light.css" media="all" />
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.googleplus-activity-1.0.min.js"></script>
<script type="text/javascript">
//<![CDATA[
jQuery.fn.googlePlusActivity.defaults.api_key = 'API Key';
//]]>
</script>

あとは下記のhtmlを表示させたい場所に記述すれば完成です。
<div class="google-plus-activity" data-options="{ user: 'user ID' }">
user IDはhttps://plus.google.com/のプロフィール画像をクリックした後のURLhttps://plus.google.com/*********************/postsの*にあたります。

Google+のアクティビティを表示するJavaScript「Google+ Activity Widget - jQuery Plugin」サンプル