以前feedlyの購読者数を「Yahoo! Pipes(サービス終了)」を経由して、Ajaxで取得する方法を書きました。
ただこの方法、一昨日ぐらいまでは問題なく動作していたのですが、それ以降は購読者数の取得ができなくなってしまいました。
今回は、その原因と、対策について書きたいと思います。
photo by Steve Snodgrass
目次
feedlyの購読者数が取得できなくなった原因
昨日ぐらいから、当サイトの「Yahoo! Pipes(サービス終了)」を経由したfeedlyカウントの取得ができなくなりました。
半日ほど、様子を見ていたのですが、直らないようだったのでChromeのデベロッパーツールでYahoo! Pipesが返すオブジェクトを調べてみました。
すると、本来ならカウント数が出てくるところに、以下のようなHTML文が表示されていました。
クリックすると表示。
"<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en-US"> <![endif]--> <!--[if IE 7]> <html class="no-js ie7 oldie" lang="en-US"> <![endif]--> <!--[if IE 8]> <html class="no-js ie8 oldie" lang="en-US"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang="en-US"> <!--<![endif]--> <head> <title>Access denied | cloud.feedly.com used CloudFlare to restrict access</title> <meta charset="UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" /> <meta name="robots" content="noindex, nofollow" /> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" /> <link rel="stylesheet" id="cf_styles-css" href="/cdn-cgi/styles/cf.errors.css" type="text/css" media="screen,projection" /> <!--[if lt IE 9]><link rel="stylesheet" id='cf_styles-ie-css' href="/cdn-cgi/styles/cf.errors.ie.css" type="text/css" media="screen,projection" /><![endif]--> <style type="text/css">body{margin:0;padding:0}</style> <!--[if lte IE 9]><script type="text/javascript" src="/cdn-cgi/scripts/jquery.min.js"></script><![endif]--> <!--[if gte IE 10]><!--><script type="text/javascript" src="/cdn-cgi/scripts/zepto.min.js"></script><!--<![endif]--> <script type="text/javascript" src="/cdn-cgi/scripts/cf.common.js"></script> </head> <body> <div id="cf-wrapper"> <div class="cf-alert cf-alert-error cf-cookie-error" id="cookie-alert" data-translate="enable_cookies">Please enable cookies.</div> <div id="cf-error-details" class="cf-error-details-wrapper"> <div class="cf-wrapper cf-header cf-error-overview"> <h1> <span class="cf-error-type" data-translate="error">Error</span> <span class="cf-error-code">1006</span> <small class="heading-ray-id">Ray ID: XXXXXXXXXXXXXXX • 2015-05-07 11:23:04 UTC</small> </h1> <h2 class="cf-subheadline" data-translate="error_desc">Access denied</h2> </div><!-- /.header --> <section></section><!-- spacer --> <div class="cf-section cf-wrapper"> <div class="cf-columns two"> <div class="cf-column"> <h2 data-translate="what_happened">What happened?</h2> <p>The owner of this website (cloud.feedly.com) has banned your IP address (【Yahoo! PipesのIP】).</p> </div> </div> </div><!-- /.section --> <div class="cf-error-footer cf-wrapper"> <p> <span class="cf-footer-item">CloudFlare Ray ID: <strong>XXXXXXXXXXXXXXX</strong></span> <span class="cf-footer-separator">•</span> <span class="cf-footer-item"><span data-translate="your_ip">Your IP</span>: 【Yahoo! PipesのIP】</span> <span class="cf-footer-separator">•</span> <span class="cf-footer-item"><span data-translate="performance_security_by">Performance & security by</span> <a data-orig-proto="https" data-orig-ref="www.cloudflare.com/5xx-error-landing" id="brand_link" target="_blank">CloudFlare</a></span> </p> </div><!-- /.error-footer --> </div><!-- /#cf-error-details --> </div><!-- /#cf-wrapper --> <script type="text/javascript"> window._cf_translation = {}; </script> </body> </html>"
上記のコードをデベロッパーツールから取り出して、テキストエディターに貼り付けて、HTMLで保存して、ブラウザで表示させると以下のようなメッセージが出ました。
"
Please enable cookies.Error 1006 Ray ID: XXXXXXXXXXXXXXX ? 2015-05-07 11:23:04 UTCAccess denied
What happened?The owner of this website (cloud.feedly.com) has banned your IP address (【Yahoo! PipesのIP】).
CloudFlare Ray ID: XXXXXXXXXXXXXXX ? Your IP: 【Yahoo! PipesのIP】 ? Performance & security by CloudFlare
"
どうやら、Yahoo! Pipesからのカウント数の取得を拒否られたようです。
feedlyから直接PHPでカウント数を取得する
これを回避するためには、やはりfeedlyから直接PHPで購読者数を取得するしかないようです。
以下は、Wordpressでfeedlyカウントを取得する方法です。
functions.phpの編集
まずは、functions.phpに以下の関数を記入します。
//feedlyの購読者数取得 function get_feedly_count(){ $feed_url = rawurlencode( get_bloginfo( 'rss2_url' ) ); $res = '0'; $subscribers = wp_remote_get( "http://cloud.feedly.com/v3/feeds/feed%2F$feed_url" ); if (!is_wp_error( $subscribers ) && $subscribers["response"]["code"] === 200) { $subscribers = json_decode( $subscribers['body'] ); if ( $subscribers ) { $subscribers = $subscribers->subscribers; set_transient( 'feedly_subscribers', $subscribers, 60 * 60 * 12 ); $res = ($subscribers ? $subscribers : '0'); } } return $res; }
これは、テーマチェッカー(Theme Check)で警告が出ないように書いてあります。
通常のPHPなら、file_get_contents()などを用いて、外部のものを取得するのが一般的なのかもしれませんが、その方法だと、テーマチェッカーで警告が出てしまいます。
なので、外部から何かを取得する場合は、Wordpressの作法にのっとったwp_remote_get()を利用しています。
テンプレートファイルで関数を呼び出す
あとは、利用するテンプレートファイルで、以下のようにfunctions.phpで記入した関数を呼び出します。
<?php echo get_feedly_count(); ?>
これで、feedlyカウントが表示されるようになりました。
まとめ
以前、ようやくAjaxで非同期取得する方法を見つけましたが、Yahoo! Pipesを利用したこの方法は、利用できなくなってしまいました。
サービスを経由した取得は、そのサービスからアクセスが大量に来ることになるので、拒否されてしまうのだと思います。
また、他にサービスを経由しなくていい、非同期取得の方法を思いついたらまた書きたいと思います。
追記(2015年10月):feedlyの非同期取得方法について書きました。
貴重な情報のご提供、ありがとうございます。WP Total Chache等のキャッシュ系プラグインを利用していると取得数が固定されてしまうのですが、どのように対応すればよろしいのでしょうか?