Question

我试图嵌入Pinterest链接，就像解释here一样。

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

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

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

但Pinterest图像并未显示。查看实时示例here。

根据Chrome控制台中的错误，我不知道原因。

我该怎么办？

Answer 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>

Answer 2

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

Pinterest嵌入图像不显示

2 个答案: