Sé que se han hecho muchas preguntas similares y las he revisado para ver si podía encontrar una solución a este problema tan simple. Como puede suponer, soy un principiante extremo en js, así que perdóneme si esta es una pregunta muy tonta.

En mi página de índice de wordpress, estoy tratando de cargar un iframe dentro de un div desde un archivo html separado (que también vive en mi servidor). Básicamente, lo hago para asegurarme de que una lista de reproducción de Spotify incrustada no sea lo primero que Google indexe cuando rastrea mi sitio (en este momento, ha decidido que la lista de canciones en esa lista de reproducción es una descripción más apropiada para mi sitio que la meta descripción o cualquier otro texto en el sitio). Espero que al cargar el iframe desde un html externo usando window.load, solo se rastreará al final del proceso y, por lo tanto, Google volverá a priorizarlo ( con el beneficio adicional de que cualquier tiempo de carga lento de spotify solo ocurrirá después de que se haya cargado el resto de la página).

Usando los métodos que encontré aquí en stackoverflow, creé un archivo html que no tiene nada más que el código iframe generado por spotify:

 <iframe src="https://open.spotify.com/embed/playlist/2JVOQhDOZlNSRGw73rl3J9?theme=0" width="100%" height="260" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

Luego, en el encabezado de mi índice de wordpress, incluí el siguiente javascript:

 <script> jQuery(window).load(function () { $('#spembed').load("http://www.palmsout.net/spotifyindex.html")} }); }); </script>

Finalmente, creé un div vacío en mi página principal con la identificación "spembed"

 <div id="spembed"></div>

Esperaba que este método reemplazara el contenido vacío en el div con el iframe en spotifyindex.html, pero parece que no funciona. el div aún se muestra en blanco, y no veo ningún error de consola que se refiera al código que estoy usando (aunque, de nuevo, soy un verdadero principiante, por lo que es posible que no entienda bien lo que veo en la consola). Estoy seguro de que me estoy perdiendo algo realmente elemental aquí, pero no puedo entender qué es.

Si alguien me ayudara, se lo agradeceria. Y si alguien tiene alguna idea sobre cómo esto podría ayudarme con mi problema de búsqueda en Google (o mejores soluciones, etc.), soy todo oídos.

¡Gracias!

PD. Ya puse en cola jquery, usando el siguiente código, pero parece que no puedo obtener una respuesta directa sobre si realmente necesito hacer esto.

 function theme_scripts() { wp_enqueue_script('jquery'); } add_action('wp_enqueue_scripts', 'theme_scripts');