Библиотека Instagram embeds.js не загружается

Question

У меня есть функция JavaScript, которая загружает HTML-код для вставки в пост Instagram. Сообщение появляется, но фотография заменяется серым фоном и логотипом Instagram. Сообщение содержит другую информацию, такую ​​как хэштеги, время публикации и имя пользователя. Я считаю, что проблема в том, что JavaScript-библиотека Instagram embeds.js загружается неправильно. Я знаю, что могу сделать это вручную, но у меня возникают трудности с тем, как это сделать с точки зрения синтаксиса и размещения в моем коде. Ниже мой код.

     <script type="text/javascript">
         var auto_refresh = setInterval(
         (function () {
            $("#latestData").load("displayPost.php");//displayPost.php "echo" html embed code
         }), 10000);
     </script>

<div id="latestData"></div>
    <script src="https://platform.instagram.com/en_US/embeds.js"></script>
    <script>if ( typeof window.instgrm !== 'undefined' ) {
        window.instgrm.Embeds.process();
    }</script>

Я использовал их, чтобы попытаться решить эту проблему.

Встраивание в Instagram не работает при динамическом добавлении

https://wordpress.stackexchange.com/questions/170857/problems-using-wps-oembed-function-instagram-ajax

https://instagram.com/developer/embedding/?hl=en

Answer 1

Это происходит потому, что вы неправильно структурируете свой порядок исполнения. Сначала вы должны загрузить код для встраивания, а затем в обратный вызов instgrm.Embeds.process(), Убедитесь, что вы не включаете embeds.js в каждую вставку, добавляя OMITSCRIPT=true на ваш URL для вставки. Вместо этого включите embeds.js один раз в тег сценария на своей странице.