RSSリーダーの購読ボタンを設置したい
最近、だいぶ前から正体が分からなかった、よく見かけるアイコンについて調べ、RSSリーダーという便利なサービスを知った。
自分が定期的に訪問するサイトを登録しておくと、新着記事が更新されるたびに、RSSリーダーが情報を取得し、画面上に記事を一覧表示してくれる。
全記事表示・未読記事のみ表示等、表示する対象を選ぶこともでき、見たいものだけ効率的に閲覧できる。ブラウザ版・アプリ版の両方を提供している物もある。
そこで自分も日々のネットサーフィンに導入しつつ、こちらのブログにも購読ボタンを設置しようと決め、方法を調べた。
設置したのは、feedly と Inoreader の購読ボタン。少し苦労して設置したので、以下に記録を残したい。
feedlyの購読ボタン設置方法
「feedly ボタン 設置」でggり、下記のサイトを参考にさせて頂いた。
設置方法はとても簡単だったけれど、自分では公式の配布ページに辿り着けなかったと思う。感謝。
kizukamo.hatenablog.com
Inoreaderの購読ボタン設置方法
feedlyと同様、「Inoreader ボタン 設置」でggれば解決するだろうと思ったら、全然違った。色々なブロガーさんがオリジナルのボタンを配布していたり、設置方法を記事にして下さっていたが、「公式にはボタンが配布されていない」、という情報が散見され、困ってしまった。なるべくなら、多分初心者の自分でも導入が簡単であろう、公式のボタンを使いたかった。何か手掛かりはないものか。
ということで、「Inoreader」でggり、公式サイトを見てみることにした。
www.inoreader.com
上記のページを１番下までスクロールすると、「Inoreaderについて」というリンクがある。
リンク先のページを真ん中あたりまでスクロールすると、
ロゴ画像のダウンロードリンクや、
私が求めていた購読ボタンのHTMLソースコードがあった。
ただ、知識不足のために、上記のソースコードをほぼそのまま貼り付けてみると、正しく動作しなかった。
下記の通り、aタグのhref属性に指定するURLは、「http://」から始まるのが正しく、自分のブログのfeedのURLは、「https://」と「/feed」を抜いた値でないと駄目だった。
あと、{ } も不要。
【失敗したソースコード】
<a href="www.inoreader.com?add_feed={https://uosansan.hatenablog.com/feed}"> <img src="https://www.inoreader.com/brand/img/subscribe-btn-x2.png" width="130"> </a>
【正常に動いたソースコード】
<a href="http://www.inoreader.com?add_feed=uosansan.hatenablog.com"> <img src="https://www.inoreader.com/brand/img/subscribe-btn-x2.png" width="130"> </a>
