Retrasar Facbook Box html unos segundos

[RicRey]

Hola a todos!, quisiera que me ayuden a poder darle una instrucción al facebook box que cargue unos segundos despues para que no ponga lento el sitio web.

Este es el codigo de facebook, me gustaría retrasarlo 10 segundos.

<div class="fb-page" data-href="https://www.facebook.com/Sistemas.y.Programas.SYP/" data-tabs="messages" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/Sistemas.y.Programas.SYP/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/Sistemas.y.Programas.SYP/">Sistemas y Programas</a></blockquote></div>

 

[Rodrigo B Laurindo]

@RicRey, no te funciona lo mismo que en el outro tópico del chat?

 

[RicRey]

si te fijas no se donde poner ese código xD.

Será de ponerlo así? la verdad estoy ignorante mucho en este tema últimamente xD

<script>
 window.onload = function(){
   setTimeout(retrasaAparicion, 10000)
};


function retrasaAparicion() { 
  var js = document.createElement('script');
    js.src = '<div class="fb-page" data-href="https://www.facebook.com/Sistemas.y.Programas.SYP/" data-tabs="messages" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/Sistemas.y.Programas.SYP/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/Sistemas.y.Programas.SYP/">Sistemas y Programas</a></blockquote></div>';
    document.head.appendChild(js);
}




</script>

pero creo que me daría error si lo pongo así :S

Edited April 7, 2019 by RicRey
code (see edit history)

[Rodrigo B Laurindo]

Intenta eso:

<script>
 window.onload = function(){
   setTimeout(retrasaAparicion, 10000)
};


function retrasaAparicion() { 
  var elemento = document.createElement('div');
    elemento.innerHTML = '<div class="fb-page" data-href="https://www.facebook.com/Sistemas.y.Programas.SYP/" data-tabs="messages" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/Sistemas.y.Programas.SYP/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/Sistemas.y.Programas.SYP/">Sistemas y Programas</a></blockquote></div>';
    document.body.appendChild(elemento);
}




</script>

 

[RicRey]

te cuento que no me funcionó, mira te detallo algo, yo uso un módulo que se llama custom html, con este modulo puedo poner algo de html/js y colocarlo en cualquier parte de la tienda, el box de facebook si me agarra pero quiero retrasarlo para que la carga inicial no se vea afectada, ese modulo solo agarra html y js no se si por eso no me funcionó :(, si tienes alguna otra idea seria de gran utilidad , gracias

[Rodrigo B Laurindo]

Esto debe estar en un tpl. Puedes adaptar el código para que aparezca en un elemento dentro de ese módulo, para que te salga en el local correcto.

[RicRey]

no hay manera de hacerlo por html?

[Rodrigo B Laurindo]

Intenta cambiar la última línea para

 document.getElementById("id-dentro-de-lo-cual-quieres-el-codigo").appendChild(elemento);

 

[RicRey]

intente aplicarlo pero creo que lo hice mal, si me pudieras ayudar con un ejemplo?