Я пытаюсь вставить ссылку 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 я не узнаю, почему.
Что я могу сделать?
У вас там странный 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>Ваша проблема в том, что он перенаправляет, как указано выше. Откуда вы будете получать свои контакты? Потому что, если это надежный источник, вы должны быть в порядке, но если он будет введен пользователем, вы можете столкнуться с этой проблемой. Возможно, вы можете попытаться написать немного javascript, чтобы обнаружить такие недостатки и отобразить правильный. Я не знаю, как это сделать.