Feedly ボタンが機能していない?!正しい URL の情報に変更する方法

2017/10/11

Twitter や Facebook のボタンと共に、配置される機会の多い Feedly ボタン。

しかし残念なことに、このボタンに設定する URL が間違ったたまま利用されているブログが多く存在します。その根本的な理由がこちらです。

Feedly 公式サイトのフォローボタンを生成するためのジェネレーターで生成される URL が間違っている!

更にここから派生して、様々なブログで「自作の Feedly ボタンを設置する手順」として紹介されている URL 記述方法も間違っているため、雪だるま式に増えていってしまったのでしょう。

間違いと言っても設置当初は正しく動いていたはずなので、Feedly 側でシステム変更が行われた可能性が高いです。SNS 関連のボタンは、一度設置したら放置状態になるため、この仕様変更に気付かない人も多くいるのではないでしょうか。

そこで今回は、この Feedly ボタンに設定する正しい URL 情報について説明していきます。

URL が間違っている場合の挙動

Feedly ボタンが正しく機能しているかどうか、実際にクリックしてみれば結果は一目瞭然です。もし、次のような事象が発生しているのであれば、URL が間違っていると判断してください。試しに私が以前 URL を間違えたまま設置していたボタンを用意しておくので、こちらで試していただいても構いません。

feedly

パソコンからアクセスした場合

目的の Feed 情報は表示されず、画面の右側が真っ白になってしまう。

スマートフォン(アプリ)からアクセスした場合

目的の Feed 情報は表示されず、自身が読者登録している Feed の情報が表示されてしまう。

Feedly ボタンに設置する正しい URL 情報

まず、あなたが設置している Feedly ボタンの URL を確認してください。おそらく次のような形式で記されてるはずです。

  • http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Fnj-clucker.com%2Ffeed%2F
  • http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Fhttps%3A%2F%2Fnj-clucker.com%2Ffeed%2F
  • https://feedly.com/i/subscription%2Ffeed%2Fhttps%3A%2F%2Fnj-clucker.com%2Ffeed%2F

そして、きちんとアクセスできるようにするために設置する URL は次の通りです。

設定すべき正しい URL

https://feedly.com/i/subscription/feed/エンコードしたフィードのURL

例えばこのサイトの場合、次のようになります。

正しい URL を取得するまでの流れ

  1. NJ-CLUCKER のフィード情報
    https://nj-clucker.com/feed/
  2. URL エンコードした結果
    https%3A%2F%2Fnj-clucker.com%2Ffeed%2F
  3. feedly ボタンに設定する URL
    https://feedly.com/i/subscription/feed/https%3A%2F%2Fnj-clucker.com%2Ffeed%2F

URL エンコードとは簡単に言ってしまうと、記号全角文字を URL で使えるように変換する処理のことです。日本語ドメインを利用している場合は、ほとんど全てがエンコードの対象になります。

下記に用意したボタンが正しい URL に修正したものです。先程のボタンと挙動が異なることを確認することができます。

もしエンコードのやり方が分からない方も安心してください。最後に Feedly ボタン用の URL 生成ツールを用意しておきます。ここで生成された URL を feedly ボタンの href 属性に設定するだけで、誰でも簡単にエンコードした URL を設定できるようになります。

Feedly ボタン用 URL 生成ツール



なお、feedly ボタンのソースコードを変更したら、必ず動作確認を行ってください。パソコン・スマホどちらも、指定したフィード内容が一覧表示されれば成功です。

以上、feedly ボタンに設定すべき正しい URL に関する情報でした。

このブログの運営者

気力・体力勝負なシステム業界のエンジニアを経て、個人事業主として独立。Web サイト運営、動画制作など活動の場を広げています。目指すところへの道のりは険しいですが、自分が自分らしくあるために、一歩ずつ進んでいきます!

このブログでは、困ってたどり着いた人に、分かりやすく答えを提供できるように心掛けています。更新情報は、Twitter や Facebook ページを参照ください。よろしければフォローお待ちしています。

Facebook ページ NJ-CLUCKER
このブログが役に立ったら
「いいね!」お願いします

最近のエントリー

Switch の画面がオレンジになって動かなくなった場合の対処法の1つ!セーブデータを保持したまま本体を初期化する!

プラグインを使わず WordPress の投稿ページで PHP の外部ファイルを呼び出す方法

Feedly ボタンが機能していない?!正しい URL の情報に変更する方法

Twitter で過去のツイートを閲覧・削除する方法

赤ちゃんが泣き止む動画「ふかふかかふかのうた」は生後3ヶ月の赤ちゃんにも効果抜群だった!

これで迷わない!東京ディズニーランドの喫煙所マップ一覧【写真付き】

iTunes でアートワークが反映されないのは WAV 形式が原因!AAC に変換すれば反映される!

【徹底比較】WiMAX 2+ ギガ放題プランの最安値はどこ?【2017年10月版】

おすすめのモバイルルーター・ポケット WiFi を比較!選ぶポイントは利用目的に合わせること!

公共料金の支払いはクレジットカードと口座振替のどっちがお得?