Pinterest 嵌入图片不显示

Question

我正在尝试嵌入 Pinterest link，如解释的那样 here。

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

<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 控制台中的错误，我不知道为什么。

我能做什么？

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"}]})

当我通过这个linkhttps://www.pinterest.com/pin/139330182194785581/ in a browser - I am redirected to 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 嵌入图片不显示

Pinterest embed image does not show

javascript

embed

pinterest