Instagram 帖子嵌入无法正常工作

Question

基本上我正在用 Angular 构建一个网站，并尝试合并纹身工作室的 Instagram 帖子。该页面已打开并且帐户是商业帐户，但是当我尝试嵌入时会发生这种情况。 ()

我只能点击链接，而不是让我可视化该帖子。

我尝试嵌入各种帐户的照片，所有帐户都是开放的并且来自非常有名的人，但同样的事情发生了

我正在考虑尝试使用 instagram api 来检索帖子的数据

Answer 1

我在创建一个与不同[无线纹身笔][1]、假皮和其他类似产品相关的网站时遇到了同样的问题。我找到了这个解决方案，它对我有用。

创建 Instagram 开发者帐户：

转到 Instagram Graph API 文档。 使用您的 Instagram 帐户登录并创建一个开发者帐户。 创建一个新应用程序：

登录后，在 Instagram 开发者门户中创建一个新应用程序。 获取必要的凭据，包括访问令牌。 在您的 Angular 应用程序中使用访问令牌：

将访问令牌集成到您的 Angular 应用程序中以发出 API 请求。 确保您遵守 Instagram 的 API 使用政策。 检索 Instagram 帖子数据：

利用 Instagram 提供的 API 端点来获取您要显示的特定帖子的数据。 提取相关信息，例如图像 URL、标题等。 在您的 Angular 应用程序中显示帖子：

使用检索到的数据在 Angular 网站内动态显示 Instagram 帖子。您可以利用 Angular 组件或指令来构建和呈现内容。