view raw

はてなブログにInstagram公式ボタンを設置する

はじめに

世間から2周遅れくらいでInstagramを始めました

ブログは4周遅れくらいですけどね

なので表題の通りはてなブログにInstagramのInstagramのボタンを設置しようと思ったのですが
2016年のどこかのタイミングで仕様が変わったらしく
色々他の方のブログを参考にしましたがうまくいかず苦労しました

僕がやった方法は2017年1月時点で僕の環境ではうまくできた方法になります

他の方法でうまくいかなかった方はもしかしたらこの方法でうまくいくかもしれませんので
お試しください

いざ設置

f:id:travelhacks:20170118225327p:plain:w400

本ブログではSnapWidgetでInstagramをグリッドで表示していますが
クリックするとSnapWidgetに飛ぶのでなんかちょっと微妙ですよね〜

f:id:travelhacks:20170118225118p:plain:w200

求めているのはこういうボタンです

そしてクリックするとInstagramの自分のページに飛ぶことです

まずはInstagramの開発者ページへ行きます

f:id:travelhacks:20170118230839p:plain:w500

自分のアカウントをクリックするとプルダウンメニューが表示されるので
バナーをクリックします

f:id:travelhacks:20170118231839p:plain:w500

① 5種類のボタンの中から好きなボタンを選択します 今回は右の View on Instagram と書かれている横長のボタンを選択
② このエリアのコードをコピーして設置したい場所に貼り付けます 僕はサイドバーに設置しました

以上で完了になります

これでInstagramの自分のページへのボタンが作れました

簡単ですね

参考

最後に色々なブログを拝見させていただいたのですが
最終的にたうちろぐ様のブログを参考にさせていただきました
ありがとうございます

uchilog.com