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の「2週間無料」という甘い誘惑に乗った男が、「Huluサイコー!!!」と歓喜して月額課金に至った実際に起こったストーリーであ ...

2

皆さんはDVD宅配レンタルを利用した事はありますでしょうか!? ネット上で動画を視聴出来るVOD(※)も最近流行りまくってますが、家に居ながら現物を借りれる宅配レンタルはもっと注目されています。 ※Y ...

3

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

4

DVD/CDレンタルと言えば TSUTAYAですよね。自分も愛用して・・・ました。 入会金300円(税別)でレンタル本数に応じて利用出来る訳ですが、忙しい社会人にとって返却期限というのが煩わし過ぎです ...

5

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

6

動画配信サービスのdTVから新ライン「dTVチャンネル」がリリースされましたね! ただ… dTVとdTVチャンネルの違いがよく分からん! という事で特集記事を組みました。 Dee結論から言うと、「dT ...

7

Hulu無料トライアルというお試しキャンペーンに登録すると、2週間無料で有料ユーザーと全く同じ様に全ての動画を視聴する事が可能です。 2週間だけお目当ての作品を見倒して、あとは解約!これもアリっちゃア ...

8

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

9

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

10

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

11

31日間無料で試せるU-NEXTの無料トライアルについて、登録から解約までの手順、注意点をすべてまとめました。 目次U-NEXT無料トライアルとは?U-NEXTの無料期間を確認U-NEXTを無料で試し ...

12

前回の記事ではWOWOWとスカパーの違いを特集しました。 この記事でWOWOWは月額2300円でコスパが最強の衛星放送サービスである事が分かりましたが、今回は渦中のWOWOWを無料で視聴する方法や注意 ...

13

動画配信サービスも大分メジャーになって、最近では各社かなり充実したサービスを展開してますね! 今回はHuluユーザーでもある私が、最近話題のFOD(フジテレビオンデマンド)を実際に試してみました。 記 ...

-WordPress

Copyright© LastescapE , 2019 All Rights Reserved.