はじめに
世間から２周遅れくらいでInstagramを始めました
ブログは４周遅れくらいですけどね
なので表題の通りはてなブログにInstagramのInstagramのボタンを設置しようと思ったのですが
2016年のどこかのタイミングで仕様が変わったらしく
色々他の方のブログを参考にしましたがうまくいかず苦労しました
僕がやった方法は2017年1月時点で僕の環境ではうまくできた方法になります
他の方法でうまくいかなかった方はもしかしたらこの方法でうまくいくかもしれませんので
お試しください
いざ設置
本ブログではSnapWidgetでInstagramをグリッドで表示していますが
クリックするとSnapWidgetに飛ぶのでなんかちょっと微妙ですよね〜
求めているのはこういうボタンです
そしてクリックするとInstagramの自分のページに飛ぶことです
まずはInstagramの開発者ページへ行きます
自分のアカウントをクリックするとプルダウンメニューが表示されるので
バナーをクリックします
① ５種類のボタンの中から好きなボタンを選択します 今回は右の View on Instagram と書かれている横長のボタンを選択
② このエリアのコードをコピーして設置したい場所に貼り付けます 僕はサイドバーに設置しました
以上で完了になります
これでInstagramの自分のページへのボタンが作れました
簡単ですね
参考
最後に色々なブログを拝見させていただいたのですが
最終的にたうちろぐ様のブログを参考にさせていただきました
ありがとうございます
