WordPress

https(常時SSL)に対応したFeedlyボタンを設置する方法

投稿日:

webサイトのhttps化に伴って、完全常時SSL化の為にはFeedlyのタグもhttps化させる必要があります。

今回は上記記事で解説したサイトのhttps化後のアフター作業として、『Feedlyのタグをhttps化する方法』を解説していきたいと思います。

 Feedly公式サイトでタグを作成する

参考Feedly公式サイト

過去記事でも一度執筆していますが、Feedly公式サイトに入って作業を行う事になります。

念の為その時の参考記事を貼っておきますので、「全く分からん!」という方は軽くを目を通して置いて下さい。

好きなデザインを選択する。

 

自分のURLを入れる。

 

タグが発行される。

 

通常であればこの発行されたタグをwebサイトに貼り付ける事でFeedlyボタンの設置は完了となります。

しかし、サイトをhttps化させた場合はこのタグではhttpバージョンのFeedlyボタンしか設置出来ません

Step3で発行されたタグをhttpsバージョンに修正する

  • リンクURLの先頭のhttpをhttpsに変更
  • #subscription%2Ffeed%2Fの直後の「http%3A%2F%2F」を削除
  • 画像URLのhttpをhttpsに変更(Feedly公式画像を使う場合)

最初に述べておきますが、やる作業は上記3つのみ。数十秒あれば完了出来るレベルです。

実際に私のFeedlyタグのコードを見ながら解説します、

<a href='http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Fhttps%3A%2F%2Flast-escape.com' target='blank'><img id='feedlyFollow' src='http://s3.feedly.com/img/follows/feedly-follow-rectangle-flat-big_2x.png' alt='follow us in feedly' width='131' height='56'></a>

グレーボックスで囲ったコードが普通に発行されるタグですが、この中の3箇所を修正します。

<a href='https://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Fhttps%3A%2F%2Flast-escape.com' target='blank'><img id='feedlyFollow' src='https://s3.feedly.com/img/follows/feedly-follow-rectangle-flat-big_2x.png' alt='follow us in feedly' width='131' height='56'></a>

赤文字にした3箇所に注目。

「httpをhttpsに書き換える」(2箇所)のと「http%3A%2F%2F」を削除するだけでOK!

follow us in feedly

↑httpsバージョンのFeedlyフォローボタン

まとめ

Feedly公式サイトで発行されるタグも近いうちにデフォルトでhttps化するとは思いますが、現状ではhttpバージョンなのでこのFeedlyフォローボタンが常時SSLに失敗する原因の一つになっています

しかし、今回紹介した方法でボタンをhttps化させてしまえばOKです!

Feedlyを応用してブログを完全自動コピペしてくるスパムサイトが居たりするのが悩みですが、やっぱり設置しない訳にはいきませんよね?

というか、奴等はフォローボタンを設置してなくても勝手にフォロー登録してきますがね・・・

Dee
SNS未導入のwebサイトは必ずFeedlyボタン位は設置しときましょう。

特集記事をチェック!

1

今Huluは安室奈美恵のドキュメンタリーを限定放送している事でも話題を呼んでいますよね。 Huluをざっくり説明すると… 月額933円(税抜)で映画・ドラマ・アニメが全て見放題 Hulu無料トライアル ...

2

Twitterのフォロワー数=人脈ステータス となりつつある昨今のSNSご時勢ですが、皆さんはいかがお過ごしでしょうか!? 自分はTwitterをはじめとしたSNSはweb収入を加速させる為には絶対必 ...

3

VOD(ビデオオンデマンド)も主要業者で見れば7社もあります。 その中で配信コンテンツが国内1位、そして月額料金が500円というリーズナブルな価格帯でdTVは市場をガッチリホールドしてます! ただ、過 ...

4

ブログ・アフィリエイトサイトで稼ぎたいと思い私のサイトに検索で辿り着くユーザーがかなり多いのが現状です。 サラリーマンの収入だけでは足りない 借金がある 金持ちになりたい 自由になりたい 稼いでカワウ ...

5

月額933円(税抜)で好きな映画やドラマ、アニメまで見放題という事で最近Huluが人気ですよね。 動画配信サービスの中でもHuluは「Hulu限定作品」に力を入れていて、最近だと引退を発表した安室奈美 ...

6

ワードプレステーマを何にするか決めかねている人へ 今回、無料有料問わず今市場で人気がある6つのテーマをサイトの表示速度とSEO的側面から検証してみました! サイトの表示速度を測るツールについては過去に ...

7

動画配信サービス(VOD)をはじめ最近ではネット配信のTVが随分賑わっていますよね。今回は市場シェアの上位を独占している2社を徹底比較してみました! HuluとNetflixどっちにしたら良いのか? ...

8

Huluを契約して愛用しているワタクシ管理人ですが、「最近競合他社も結構盛り上がってない?」と気になってしまい・・・ 評判・口コミを徹底的に調査してみました!(ビシッ!) と言うことで、今回はネット上 ...

9

インターネットが家庭に普及し始めて早20年強… 皆さんはどれだけ沢山のアプリやwebサービスを実際に使っていますでしょうか?! LINE Twitter facebook Instagram Yaho ...

10

松本人志のドキュメンタルなどの限定コンテンツや月額325円という圧倒的なコストパフォーマンスが話題を呼び、Amazonプライムビデオは今や市場シェアの70%も獲得している現状です。 Amazonプライ ...

-WordPress

Copyright© LastescapE , 2018 All Rights Reserved.