[jQuery]検索結果で表示可能なTwitterブログパーツを設置できる「Monitter」
スポンサードリンク
Twitterの検索結果をタイムラインで表示するようなブログパーツってなかなかないですよね。
今回ご紹介するブログパーツは、jQueryで動かす割には設定がほとんど不要で、Twitter検索結果も表示できる手軽で便利なものになっています。
Twitter検索結果で表示できるjQueryブログパーツ
「Monitter Widget」は、jQueryを使って設置でき、Twitter検索結果でも表示できるブログパーツ。
検索キーワードをブログパーツを表示するdiv要素のtitle属性に書くだけで良いので、設置もかなりカンタンです。
「Monitter」の特徴
- title属性が検索クエリになる
- lang属性で言語の絞込み可能
- シンプルなCSSでデザイン設定可能
ここではCSSの影響を受けないようにするため、iframeで埋め込んでいます。そのため、リンクをクリックしてもちゃんと開きませんｗ ブログパーツ設置ページはこちらになります。
- このブログを紹介してくれていると思われる投稿
- title属性が検索結果になります。この部分のソースコードは下記。
- ↑title属性に検索キーワードを入れているだけです。
- ユーザー名での検索結果表示
- ↑「from:ユーザー名」で自分の呟きをタイムライン表示できます。
- ↓ユーザー名で表示するコードのサンプル
- 「わさお」での検索結果
- ↑なんでもやりたい放題ｗ
設置方法
- 1. ダウンロード
- Monitter Widgetのページを開き、「Download the zip 」というリンクから「monitter_widget_v1_1.zip」をダウンロード。
- 2. サーバーへアップロード
- ダウンロードしたZipファイルを解凍し、フォルダごと任意の場所へアップロード
- 3. 表示させたいページにコードを追加
- ページに表示させたい場合は、<head> 内に下記コードを追加
- ブログパーツを表示させる部分に下記コードを追加
- 「lang属性を “en” にすると英語のみ拾う」というような仕組みになっています。
興味のある方はMonitter Widgetへどうぞ。
検索結果で表示できることからも、プロモーションで「こんな意見が出ています。」系の見せ方も出来そうです。 使い方次第でおもしろくなりそう。
Via：delicious
- WordPressで加速させる！ソーシャルメディア時代の［新］SEO戦略マニュアル
- 価格：￥ 2,709
- 平均評価：★★★★★
- 納期：在庫あり。
- Amazon で詳細を見る by インフォグラフィックをご紹介
スポンサードリンク
↓WEBマーケティングブログのGoogle+ページはじめました
おすすめの関連記事
- 前の記事： TwitPicにアップした画像をカンタンにFlickrへアップできる「TwitPickr」
- 次の記事： Twitterの気になる会話を引用してサイトに埋め込める「QuoteURL」
- ジャンル： jQuery, Twitter （ツイッター）
参考になる書籍
この記事へのリンク生成
- この記事へのリンクURL
- この記事へのリンクタグ
- 表示サンプル：[jQuery]検索結果で表示可能なTwitterブログパーツを設置できる「Monitter」 - WEBマーケティング ブログ
- この記事へのリンクタグ(その２)
- 表示サンプル：[jQuery]検索結果で表示可能なTwitterブログパーツを設置できる「Monitter」(WEBマーケティング ブログ)
