ソーシャルフィード-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.imtqy.com/social-feed/

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

更新 :プラグインは常に進化しています。GitHubの更新にご注目ください
更新 :コンテンツプレビューのサポートを追加:

画像

Source: https://habr.com/ru/post/J173117/


All Articles