如何使用 HTML 或 Javascript 添加 Instagram 提要

Question

所以我正在尝试将实际的 Instagram 提要添加到我的 wordpress 网站。我不想使用不会将流量吸引到实际 IG 网站的第 3 方网站。我一直在 IG 开发者网站上，老实说有点令人困惑。任何帮助将不胜感激。

Answer 1

我建议使用插件来完成繁重的工作，因为那里有很多插件，而自己集成 instagram 可能是一个挑战。一个快速的谷歌搜索给了我这个： https://wordpress.org/plugins/instagram-feed/

如果您不想使用插件，则需要了解 api 的工作原理。

instagram API 要求对大多数调用进行 OAuth 身份验证。 首先，您需要在https://instagram.com/developer/ 站点上注册一个应用程序，以获取客户端 ID。

获得客户 ID 后，您需要为访问您网站的用户建立流程。对于需要身份验证的 API 调用，无法解决此问题。

首先，用户需要使用 instagram api 请求 url 登录并允许从您的帐户访问： https://api.instagram.com/oauth/authorize/?client_id=CLIENT-ID&redirect_uri=REDIRECT-URI&response_type=code

CLIENT-ID 是您之前获得的 id，REDIRECT-URL 应该是您的 wordpress 站点。 调用此 url 将允许您获取站点上用户的访问令牌，然后您可以使用该令牌对 API 进行经过身份验证的调用。

解决此问题的一种方法是使用特定于您照片的标签进行不需要身份验证的简单调用。这在这个 SO 问题中有所描述： Instagram API and importing photos without server side authentication

Answer 2

干杯， 我同意费利佩的观点。如果您或您的客户需要 Instagram 插件，最简单的方法是在某个市场购买。更重要的是，它比浪费自己的时间开发一个便宜得多。当然，这适用于商业开发，而不是你为了好玩而做的事情。

以下是我已安装给客户并对此感到满意的插件列表：

• https://wordpress.org/plugins/instashow-lite/ - 精简版 高级插件。功能确实有限，但它会 足以给你一个简单的展示。

• https://codecanyon.net/item/instagram-widget-wordpress-plugin-for-instagram/11170758 - 一个简单的商业小部件，用于显示您的 Instagram 网页上的帐户。

• https://elfsight.com/help/how-to-embed-instagram-feed-widget-on-html-website/ - 一个有趣的云解决方案，适用于任何 CMS 上的网站。它有一个演示和一个 免费计划。