| BBS | COMMENT | TRACKBACK | CATEGORY | LINKS | ARCHIVE | GALLERY |
TOTAL PV
PHPとjQueryを使ってRSSフィードを表示
あとで読むはてなブックマーク - PHPとjQueryを使ってRSSフィードを表示 | 2018年03月08日(木) | 0 | 0 | 記事編集

PHPとjQueryを使ってRSSフィードを表示

FeedWindが…汗

「Google Feed API」が廃止されて以来
当ブログの愛車紹介ページには「FeedWind」を使ってRSSフィードの表示
(カテゴリー別のブログ記事・みんカラの車種別整備手帳やフォトギャラリー等)
をさせていたんですけど…

RSS貼付けサービス移行

RSSの貼付けサービスを【RSSリスティング】から【Feed Wind】に変更してみました。

今月に入ってから

突然広告が…汗
突然大きな広告が挿入されるようになりまして、調べてみた所
どうやらFeedWindの仕様変更があったみたいで
FeedWindには現在、2つのバージョンが存在します。バージョン1(登録不要版)ではアカウント作成&ログインの必要なくご利用いただけますが、バージョン2リリース(2016年10月)の段階で新機能の提供を終了いたしました。バージョン2の利用にはアカウント作成が必要ですが、多くの利点がございます。したがって、私たちはバージョン2のご利用を推奨しています。また、私たちはこの程、極めて難しい決定を下しました。今後もバージョン1を安定的に無料で提供していくために、2018年2月27日より、バージョン1に広告が表示されます。
【旧バージョン(V1)FeedWindをご利用中の皆さまへのお知らせ : FeedWind サポート】
一応バージョン2へ移行する事で広告非表示には出来るみたいですが…
広告を表示したくないという皆さまのお気持ちは重々承知しております。そこでバージョン1をご利用の方には、バージョン2への移行を提案させていただきます。アカウントの作成はメールアドレスの登録、あるいはfacebook/googleアカウント認証のみで簡単に行なえます。バージョン2に移行していただければ、これまで通り無料で、広告非表示のままでお使いいただけます。また、バージョン1のデザインを維持したまま使うことも可能です。そのためにはまず、こちらの手順でウィジェットを設定してください。バージョン1と同じデザインを維持する場合には、カスタムCSS機能(有料プラン)の利用が必須となります。この点に関してご質問等がございましたら、サポートチームにご連絡ください。
【旧バージョン(V1)FeedWindをご利用中の皆さまへのお知らせ : FeedWind サポート】
今までと同じカスタマイズデザインを引き継ぐためには有料版にする必要があるみたいで…
要するにFeedWindの良い部分を今後も使いたいんであればお金払いなさいって事ですね[icon顔:困り]

今現在、大きな画像広告の表示は無くなったみたいですけど
(よほど不評だったんでしょうか…爆)
所々歯抜けみたいな表示になってるみたいですね。。。
今後の事も考え、外部サービスではなく自サイト内でなんとかする方が得策かな?

PHPとjQueryでRSSを表示させる方法

っつ〜事で、かなり前置きが長くなっちゃいましたが[icon:汗]
色々検索してみた所。。

上記サイトさんにてPHPとjQueryでRSSを表示させる方法が載ってました。。

【feed.php】→ココから取得

【get-feed.php】→ココの記事を参照
を用意(同じ階層にアップロード)して

ブログ側にライブラリの読みこみのJSを
<script type="text/javascript">
;(function($){
$(function(){
  $.get('get-feed.php',function(data){
    $('#feed').html(data);
  })
})
})(jQuery);
</script>
(get-feed.phpが違う階層の場合フルパスで…)

んで、リストを表示したいトコに
 
<div id="feed"></div>
 
と書いてあげればOKです。。

みんカラ整備手帳リストですが
日付を表示せずに
タイトルのみ(記事タイトル/投稿者名)10件表示させたいので
get-feed.phpを下記の様に書き換えました。
(普通に日付も表示させたい場合は上記サイトをご参照ください。。)
 
<?php
 
	// ライブラリの読み込み
	require_once "feed.php" ;
 
	// 取得するフィードのURLを指定(マツダ RX-8 / みんカラ 整備手帳)
	$url = "http://minkara.carview.co.jp/note/rss/4669/" ;
 
	// インスタンスの作成
	$feed = new Feed ;
 
	// RSSを読み込む
	$rss = $feed->loadRss( $url ) ;
 
	// HTML表示用
	$html = '' ;
 
	$MAX_feed = 10;// 表示させる件数
	$feed_count = 0; $feed = new Feed ; $rss = $feed->loadRss( $url ) ;
 
 
	foreach( $rss->item as $item ){
		if ($feed_count >= $MAX_feed) { break; }
		// 各エントリーの処理
		$feed_count++;
 
		$title = $item->title ;	// タイトル
		$link = $item->link ;	// リンク
 
 
		// 表示
		$html .= '<li><a href="' . $link . '">' . $title . '</a></li>' ;
	}
?>
 
 
<?php echo $html ?>
 
すると…

みんカラのRSSフィード表示
こんな感じでリストが表示されます。。

整備手帳と同じ要領で(別名のphpプログラムを用意して)
パーツレビューも載せてみました[icon顔:エヘ]


応用編(?)ヤフオクRSSも表示させてみる

今まで愛車紹介ページのサイドバーに表示させていた

ヤフオクブログパーツ
ヤフオクのブログパーツを外して…

ヤフオクのRSSフィードを表示
こんな感じに表示させてみました[icon:音符]
ヤフオクのRSSについては下記サイトをご参照ください。。

ひいろんはRX-8パーツの入札が多い順から15件表示させる仕様にしておきました♪

参考までにひいろんが書き換えたPHPプログラム貼っておきます。。
 
<?php
 
	// ライブラリの読み込み
	require_once "feed.php" ;
 
	// 取得するフィードのURLを指定(ヤフオクRX-8パーツ 入札の多い順)
	$url = "https://auctions.yahoo.co.jp/rss?p=RX-8&oq=&auccat=26322&select=03&fixed=0&ei=UTF8" ;
 
	// インスタンスの作成
	$feed = new Feed ;
 
	// RSSを読み込む
	$rss = $feed->loadRss( $url ) ;
 
	// HTML表示用
	$html = '' ;
 
	$MAX_feed = 15;// 表示させる件数
	$feed_count = 0; $feed = new Feed ; $rss = $feed->loadRss( $url ) ;
 
 
	foreach( $rss->item as $item ){
		if ($feed_count >= $MAX_feed) { break; }
		// 各エントリーの処理
		$feed_count++;
 
		$title = $item->title ;	// タイトル
		$link = $item->link ;	// リンク
		$description = $item->description ;	// 詳細
 
 
		// 表示
		$html .= '<li><a href="' . $link . '">' . $title . '</a><br>' . $description . '</li>' ;
	}
?>
 
 
<?php echo $html ?>

実装サンプル?

実際にどんな風に表示されてるのか気になる方は
愛車紹介のページを是非ご覧くださいです[icon:音符]
ひいろんのRX-8 | ひいろんBLOG
2018年03月08日(木) 17:40 | ネット > 改造メモ | 0 | 0 | 記事編集
  • 0

  • 0

  • 0

  • 0

  • 0
  • 0
  • コメント[0]
  • Facebookコメント[]
  • はてブコメント[]
  • Twitter[]

まだこの記事へのコメントはありません。

コメントする

icons:

 
トラックバック

まだこの記事へのトラックバックはありません。

ランキング参加中:応援(クリック)よろしくお願いします
  ブログランキング・にほんブログ村へ ブログ王ランキングに参加中! .*:゚(・ω・人)゚:*.
【ネット > 改造メモ】の最新記事
FaceBookページ応援よろしくおねがいします〜(^▽^
  • SEOブログパーツ
ひいろん
  • 【ひいろん】
  • 性別:おっさん
  • 住所:静岡県
  • 愛車:RX-8