¿Cuál es la forma de generar componentes con JavaScript externo?

Parece que no debería hacer esa pregunta, pero he dedicado mucho tiempo a buscar y no he conseguido una buena guía sobre esto. Quiero crear un bloque de FB, contiene algunas etiquetas DIV y un script que cargue el SDK de FB y renderice el contenido en las etiquetas DIV. '<div id="fb-root"></div>' ' <div class="fb-page" data-href="" data-tabs="timeline" ' ' data-width="425" data-height="525" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">' ' <cita en bloque cite="{??}" clase="fb-xfbml-parse-ignore">' ' <a href="{??}">{??}</a>' </blockquote></div>' '<script>' ' (función(d, s, id) { ' ' var js, fjs = d.getElementsByTagName(s)[0]; ' si (d.getElementById(id)) return; ' js = d.createElement(s); js.id = id; ' js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0"; ' fjs.parentNode.insertBefore(js, fjs);' ' }(documento, "script", "facebook-jssdk")); ' </script> '

Primero lo creo como un bloque en mi plugin, pero descubrí que Traits está a nivel de componente, así que tuve que crear un componente para él. ¿Estoy equivocado?

Cuando creo un componente, no estoy seguro de dónde poner el script.

¡Gracias