1. /
  2. html

html

【Instagram】ウィジェットを無料でサイトに設置する方法

おすすめを紹介

https://www.go-ride-news.com/technology-instagram-widget/

自作派

 

【まとめ】

  1. SnapWidget(スナップウィジェット)

    お手軽だが、無料だとsnapwidgetの用意したページに飛ばされる

  2. Instagram API　＋　instafeed.js

    無料＆公式。しかし認証制で埋め込むだけの理由だと通らない可能性が高い

  3. Snapppt(スナップト)

    Snappptはウィジェットから商品の購入が可能にさせるECサイト向けのツール

  4. InstaWidgetを使う

    これが一番簡単かも。デメリットとしてはフォローボタンのInstaアイコンが古いバージョンのものになっていることと、写真のリンク先がInstaWidgetに飛んでしまう

スクロールすると出て来るボタン

スクロールすると出て来るページトップボタンのサンプルなど

https://cotodama.co/pagetop/

参考にさせていただきました。

ボタンのデザインから出てくる動きまで、html、css、jsのコードと一緒にわかりやすいサンプルで紹介されています。

ボクはページトップの実装ではなく、横から出てくるjqueryの動きだけ探していたので、「横から出てくるボタン」を参考にカスタマイズして使いました。