ソーシャルフィード-jQueryソーシャルプラグイン



必要


Webアプリケーションを開発する場合、多くの場合、ソーシャルネットワークからのユーザーまたはコミュニティの投稿を表示する必要があります。 ソーシャルネットワークには、独自の外観とスタイルを持つiframeを介して接続する独自のウィジェットがあります。 ディスプレイのデザインを変更する可能性がある複数のソーシャルネットワークからの投稿を同時に表示する必要がある場合はどうなりますか? これがtwitterfacebookのペアの場合、このタスクを実行するプラグインがいくつかあります。 CISでのソーシャルネットワークVkontakteの人気が非常に高いこと、つまり、このネットワークもサポートするプラグインの必要性を考慮してください。



ソーシャルフィード


jQuery Social-feedプラグインを使用すると、ソーシャルネットワークのfacebooktwittervkからの投稿を同時に表示できます。 日付によるエンドツーエンドのソートで表示が行われます。



プラグインのオンラインデモ




プラグイン接続


まず、スタイルとjavascriptを接続します。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/function.js"></script>
      
      





投稿をCookieにキャッシュする必要がある場合は、次を接続する必要があります。

  <script src="js/json2.js"></script> <script src="js/jquery.cookie.js"></script>
      
      





次に、投稿用のコンテナを作成します。

  <div class="social-feed-container"></div>
      
      





ソーシャルフィードプラグインを初期化します。

  $('.social-feed-container').socialfeed({ fb_username:'barack.obama', fb_limit:2, vk_username:1, vk_limit:2, vk_source:'all', tw_limit:2, tw_username:'jack', length:130, cookies:true, show_media:true });
      
      







詳細


このプラグインのスタイルはtwitterブートストラップから取得され、その効果は投稿のコンテナーのコンテンツにのみ拡張されます。

Twitterには1時間あたり150件のリクエストという制限がありますが、このプラグインでは、結果をCookieにキャッシュすることで解決します(これにCookieを設定:true)。

opengraphを介し Facebookユーザーの公開タイムラインにさえアクセスするには、 access-tokenを取得する必要があります 。 これを行うにはfacebookアプリケーション登録し、 php / settings.php ファイルapp_idapp_secretを指定します

プラグインは、初期化中に対応するユーザー名が示されているソーシャルネットワークからの投稿のみを表示します( vk - idの場合 )。たとえば、 facebookvkからの投稿のみを表示する場合は、 ユーザー名のみを指定します。

php / template.phpテンプレートで表示される投稿の外観を変更できます



ソースコード


Githubhttps : //github.com/pavelk2/social-feed

デモhttp : //pavelk2.github.io/social-feed/



このプラグインのプラグインに関するフィードバックをお待ちしております。 将来的には、他のソーシャルネットワークのサポートが期待されています。



更新 :プラグインは常に進化しています。GitHubの更新にご注目ください

更新 :コンテンツプレビューのサポートを追加:



画像







All Articles