[JS]Twitterのツイートをブログやサイトに簡単に設置できるスクリプト -jTweetsAnywhere

Twitterでつぶやいたツイートをあなたのブログやサイトに簡単に設置できるjQueryのプラグインを紹介します。

デモのキャプチャ

jTweetsAnywhere
デモページ

jTweetsAnywhereの設置は簡単で、数行のスクリプトで自分のブログやサイトにツイートを設置することができます。

jTweetsAnywhereの主な特長

  • 指定したユーザー(複数可)のツイートを表示。
  • ユーザーのリストからツイートを表示。
  • Twitterの検索の結果を表示(パラメータは全対応)。
  • @Anywhereに対応。
  • エンドレススクロールを使ったページングをサポート。
  • 自動更新でリアルタイムにツイートを表示。
  • ツイートボックスのカスタマイズが可能。
  • Follow me ボタンの設置が可能。
  • ネイティブのリツイートをサポート。
  • ユーザーのプロフィールを表示。
  • ツイート内のリンクを検出し、自動でリンク化。
  • 独自のスタイルシートでレイアウトのカスタマイズが可能。
  • 書式やHTMLを変更可能。
  • スクリプトは軽量。

jTweetsAnywhereのデモと実装

デモのキャプチャ

Auto-refreshing Realtime Ticker and More Tweets
自動更新してリアルタイムにツイートを表示。

上記デモの実装は、下記のようになります。

HTML

JavaScript

jquery.jsを外部ファイルとして使用します。

以下サンプルコードは、各デモページに掲載されているので参考にしてください。

デモのキャプチャ

Loading More Tweets with Endless Scrolling
エンドレスのスクロールバーで表示。

デモのキャプチャ

Paging Back and Forth
表示件数を少なくして、PrevとNextで表示。

デモのキャプチャ

Some tweets from around Paris, France ...
ユーザーがどこらへんでツイートしているか表示。

デモのキャプチャ

Some recent tweets and a Follow Button
最近のツイートとフォロミーボタンを表示。

デモのキャプチャ

A customized Tweet Box
ツイートボックスをカスタマイズして表示。

デモのキャプチャ

Tweets from selected users
指定したユーザー(複数可)のツイートを表示。

デモのキャプチャ

Tweets from a user's list
指定したリストのツイートを表示。

デモのキャプチャ

Supplying your own Decorator
書式やレイアウトを変更して表示。

デモのキャプチャ

Extended Tweet Attributes (Hovercards, Tweet source)
ユーザーのプロフィールを表示。

デモのキャプチャ

Different sizes of the Connect Button
Twitterへの接続ボタンを表示。

top of page

©2017 coliss