Pinterest 嵌入图像不显示

Posted 2023-03-13

【中文标题】Pinterest 嵌入图像不显示

【英文标题】：Pinterest embed image does not show

【发布时间】：2018-07-16 10:33:05

【问题描述】：

我正在尝试嵌入 Pinterest 链接，就像 here 解释的那样。

我已将此 Pinterest 链接添加到博客：

<a href="https://www.pinterest.com/pin/139330182194785581/" data-pin-do="embedPin"></a>

我还在</body> 标签之前添加了脚本<script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>。

但 Pinterest 图片未显示。看一个活生生的例子here。

从 Chrome 控制台中的错误我不知道为什么。

我能做什么？

【问题讨论】：

我在浏览器的request console 中注意到了一些关于请求密码的状态消息。这不能以某种方式帮助你吗？ ` PIN_1518090806339.f.callback[0]("status": "success", "message": "ok", "code": 0, "data": ["id": "139330182194785581", "error" : "Not found"]) `如果这意味着什么，你能试试吗？如果你能要求任何其他的别针？也许这可能会把我们带到某个地方。

不，这可能只是告诉我们：“似乎没有错误。”。如果您尝试包含以下内容：<script async='async' data-pin-hover='true' data-pin-round='true' defer='defer' src='//assets.pinterest.com/js/pinit.js'></script> 而不是您的呢？

@MilanVlach 谢谢。查看更新脚本的实时版本。仍然没有错误或图像显示。还能是什么？

您可以尝试常见问题下的这些提示吗？ help.pinterest.com/en/articles/website-widgets

【参考方案1】：

那里有一个奇怪的 Pin 图。 查看控制台，我发现它没有找到。

Request URL:https://widgets.pinterest.com/v3/pidgets/pins/info/?pin_ids=139330182194785581&sub=www&base_scheme=https&callback=PIN_1518097590913.f.callback[0]

Response:
PIN_1518097590913.f.callback[0]("status": "success", "message": "ok", "code": 0, "data": ["id": "139330182194785581", "error": "Not found"])

当我在浏览器中通过此链接 https://www.pinterest.com/pin/139330182194785581/ 时 - 我被重定向到 https://www.pinterest.com/pin/379006124862874372/

所以试试下面的代码：

<a data-pin-do="embedPin" href="https://www.pinterest.com/pin/379006124862874372/"></a>

<script async defer src="//assets.pinterest.com/js/pinit.js"></script>

【参考方案2】：

您的问题是它如上所述重定向。你会从哪里得到你的别针？因为如果它是受信任的来源，你应该没问题，但如果它来自用户输入，你可能会遇到这个问题分配。也许您可以尝试编写一些 javascript 来检测此类缺陷并显示正确的缺陷。不过我不知道该怎么做。