如何将Instagram feed嵌入我的网站 [英] How to embedded Instagram feed into my website

问题描述

我正在尝试将客户端的Instagram feed集成到网站侧边栏中。我的网站堆栈是Bootstrap，Vanilla JS，Jquery和Laravel。

I am trying to integrate the Instagram feed of the client to the website sidebar. My website stack is Bootstrap, Vanilla JS, Jquery, and Laravel.

我用Google搜索并做了一些研究。我找不到直接集成提要的直接方法。

I googled and did some research. I can't find a direct way to integrate the feeds.

我浏览了Snapwidget等第三方应用。很好，但是像Snapwidget这样的应用程序存在的问题是，当我单击它提供的侧边栏小部件上显示的供稿时，它会重定向到自己的网站页面，其中包含我上传的图片。

I went through third-party apps like Snapwidget. It's pretty good but the problem with an app like Snapwidget is that when I click on the feed displayed on the sidebar widget provided by it, it redirects to its own site's page which contains my uploaded images.

我希望我的提要在边栏中看起来很漂亮，当用户单击我的图片时，应将其重定向到该Instagram帐户页面，而不是带有我的Instagram提要的第三方网站或该Instagram本身的提要。

I want my feed to look pretty in the sidebar and when users click on my picture they should be redirected to that Instagram account page not a third-party website with my Instagram feed or that feed on Instagram itself.

同时，我还找到了其他提供解决方案的应用程序。它们完美地为我提供了集成提要的方式，就像Facebook API提供的一样，但是起初，他们要求使用凭据登录。无论如何，我都无法询问客户端的Instagram句柄的用户名和密码。

Meanwhile, I also found other apps that provided the solution to it. They perfectly provide me ways to integrate feed as if provided by the Facebook API but at first, they demand to login with the credential. I can't ask for the username and password of the client's Instagram handle anyway.

推荐答案

目前，Instagram仅支持帖子嵌入。似乎。 instagram feed的嵌入没有直接实现。
https://www.instagram.com/developer/embedding/

Currently Instagram supports for only post embed is seems. There is no direct implementation to instagram feed embed. https://www.instagram.com/developer/embedding/

但是有第三方工具可以将Instagram feed嵌入到您的网站中。
试用免费工具，例如
https://www.pixlee.com/social- feed 嵌入到您的网站。

But there are third party tools which provide Instagram feed to be embed to your website. Try free tools such as https://www.pixlee.com/social-feed to embed to your website.

您可以尝试本文中的以下免费工具。
http：//www.developerdrive。 com / 2017/09 / how-to-embed-an-instagram-feed /

You can try the following free tools in the article. http://www.developerdrive.com/2017/09/how-to-embed-an-instagram-feed/

如果页面重定向到他们的网站，您可以入侵提供的网址。尝试通过 a href链接

If the page redirects to their website, you can do a small hack in the provided URL. Try to change it to your Instagram account from the a href link

这篇关于如何将Instagram feed嵌入我的网站的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！