Вставить изображение Pinterest не показывается

Я пытаюсь вставить ссылку Pinterest, как описано здесь.

Я добавил эту ссылку Pinterest в блог:

<a href="#" onclick="location.href='https://www.pinterest.com/pin/139330182194785581/'; return false;" data-pin-do="embedPin"></a>

Я также добавил сценарий <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script> перед </body>.

Но изображение Pinterest не отображается. См. Живой пример здесь.

Из ошибок в консоли Chrome я не узнаю, почему.

Что я могу сделать?

Ответы

Ответ 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, чтобы обнаружить такие недостатки и отобразить правильный. Я не знаю, как это сделать.