如何将实时Instagram Feed嵌入网页而不是单个帖子?

时间:2017-08-05 20:17:49

标签: html instagram

我知道我可以在HTML中嵌入个人Instagram帖子到我的网站,但我想嵌入一个包含最近五个帖子的实时源,这些帖子会随着个人资料实时更新。

对于那些想知道原因的人:我希望此功能成为我网站“Photoblog”页面的一部分,而无需让访问者离开。

如何做到这一点?

2 个答案:

答案 0 :(得分:1)

最好的方法是使用他们的API。

您有这个端点:<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link href='http://fonts.googleapis.com/css?family=Roboto:300' rel='stylesheet' type='text/css'> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link rel="stylesheet" href="css/style.css"> <nav class="nav"> <h1> slider</h1> <p class="author">by Atishay Khare</p> </nav> <div class="loading"> Loading... </div> <div class="slider"> <div class="slider-inner"> <div class="slide active">https://www.oxforduniversityimages.com/images/rotate/Image_Spring_17_7.gif</div> <div class="slide">2</div> <div class="slide">https://www.oxforduniversityimages.com/images/rotate/Image_Spring_17_7.gif</div> <div class="slide">https://www.oxforduniversityimages.com/images/rotate/Image_Spring_17_7.gif</div> <div class="slide">5</div> <div class="slide">6</div> <div class="slide">7</div> <div class="slide">8</div> </div> <nav class="slider-nav"> <div class="active"></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </nav> </div>,您不需要任何令牌 它给你最后20个帖子。

然后你只需在你的网站上显示:)

答案 1 :(得分:0)

您可以使用API​​构建自己的:https://www.instagram.com/developer或使用第三方服务(如https://snapwidget.com)将Feed小部件嵌入您的网站。