Menu
I'm trying to embed a Pinterest link, like explained here.
I've added this Pinterest link to a blog:
<a href="https://www.pinterest.com/pin/139330182194785581/" data-pin-do="embedPin"></a>
I've also added script <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script> before my </body> tag.
But the Pinterest image does not show. See a live example here.
From the errors in the Chrome console I don't learn why.
What can I do?
363
If you don't see the image you want to pin, there might be an issue with your site – maybe because of lazy loading, or the wrong image formats. It could be that Pinterest did not check your site for a new image yet. Use the Pinterest Rich Pin Validator to tell them to do this. Just enter the URL and click "Validate".
For Android users, Go to settings >> Find Pinterest App and click on that >> Tap on clear cache. Pinterest App cache will be cleared. For iPhone users, Go to iPhone settings >> Go to General >> Find Pinterest App and click on that >> Tap on iPhone Storage >> Tap on Offload App button >> Again Reinstall Pinterest app.
You have a strange Pin there. Looking into console I see that it is not found.
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"}]})
When I go by this link https://www.pinterest.com/pin/139330182194785581/ in a browser - I am redirected to https://www.pinterest.com/pin/379006124862874372/
So try the following code:
<a data-pin-do="embedPin" href="https://www.pinterest.com/pin/379006124862874372/"></a>
<script async defer src="//assets.pinterest.com/js/pinit.js"></script>If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
