デモ1 | デモ2 | デモ3
ウィジェットの作成には時間がかかりません
<!-- Javascript CSS --> <link href="http://googleplus-search-widget.googlecode.com/svn/v1/light.css" rel="stylesheet" type="text/css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="http://googleplus-search-widget.googlecode.com/files/jquery.googleplus-search-1.0.min.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ jQuery.fn.googlePlusSearch.defaults.api_key = 'API_KEY'; //]]> </script> <!-- --> <div class="google-plus-search" data-options="{ query: '' , show_header: 1 , header_title: '' }"> </div>
プラグインはjQuery v1.2.6、v1.3.2、v1.4.2およびv1.6.2で正常にテストされました
APIキーを取得するには:
- https://code.google.com/apis/console#accessにアクセスします 。
- ログインして「プロジェクトを作成」をクリックします。
- リストで、「Google+ API」の近くにあるトグルスイッチを切り替えます。
- 同意します。
- 左側のメニューから「API Access」に移動し、受信したキーをコピーします。
機能:
- このクエリは、通常のGoogle検索で使用される演算子の一部をサポートしています。 たとえば、検索から正確な単語を除外し、二重引用符で囲む場合は「マイナス」。
- ウィジェットは、画像とともに投稿をスクロールします。 また、アニメーションをオフにすることができ、リストが修正されました。
- 絶対に任意のタイトルを指定できます。
- ウィジェットには暗いスタイルと明るいスタイルがありますが、それらに基づいて独自のデザインを作成できます。
- ウィジェットは、部分的なGoogle+ API応答を使用してAPIリクエストを最適化します。
- これはJavaScriptのみのソリューションであるため、Google BloggerやWordpressでも、どこにでも追加できます。
- jQuery呼び出しを使用するか、google-plus-searchクラスで任意の数のウィジェットを呼び出すことができます。
プロジェクトページ | 設定 | プラグインJSのダウンロード | デモ1 | デモ2 | デモ3