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ボタン位は設置しときましょう。

『Best Recommend!!』

特集記事をチェック!

1

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

2

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

3

iPhoneとAndroidどちらでもゲームプレイ出来て、なおかつユーザー数が右肩上がりで急成長中のイチオシアプリ○選という形式で厳選した新興スマホゲームを紹介していきます! ○選にしたのは紹介したい ...

4

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

5

今回紹介するアプリは現在特許出願中の就活生が注目する革新的なツール。 学生の時間の効率化を実現しながら、付随するその他の機能も大幅に充実していく事が予測されます。 2019年卒業の学生たちは動向をチェ ...

6

オリジナルマルチサーバーでのマルチプレイ これにこそ醍醐味が詰まっているマインクラフトですけども、皆さんはどの様な方法でマルチサーバーを立てようと検討していますか? 今回は『マルチサーバーの立て方』の ...

7

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

8

女性のファッションレンタルサービス『エアークローゼット』を知って、メンズ版もあったら利用したい!と探していたら、 提携先ブランドも良い感じでした。 金は無いけど毎日違うコーデでオシャレになりたい! そ ...

9

観たい映画やドラマ、アニメは皆さんもたくさん有るはずです。しかし! レンタル屋に借りに行ったり、借りに行ったら誰かに借りられていたり、返しに行ったり、延滞料金を取られたり・・・ 煩わしいですよね! 今 ...

10

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

-WordPress

Copyright© LastescapE , 2017 All Rights Reserved.