agregue HTML sin formato con <script> dentro de la página Gatsby React
Estoy tratando de agregar un código de inserción externo a mi página de Gatsby.
Actualmente uso
import React from 'react'
import Link from 'gatsby-link'
let test ="<script type='text/javascript'>
(function(d, s) {
var useSSL = 'https:' == document.location.protocol;
var js, where = d.getElementsByTagName(s)[0],
js = d.createElement(s);
js.src = (useSSL ? 'https:' : 'http:') + '//www.peopleperhour.com/hire/1002307300/1213788.js?width=300&height=135&orientation=vertical&theme=light&rnd='+parseInt(Math.random()*10000, 10);
try { where.parentNode.insertBefore(js, where); } catch (e) { if (typeof console !== 'undefined' && console.log && e.stack) { console.log(e.stack); } }
}(document, 'script'));
</script>"
const ContactPage = () => (
<div>
<h1>ContactPage</h1>
<div
dangerouslySetInnerHTML={{ __html: test }}
/>
</div>
)
export default ContactPage
que está lleno de errores de sintaxis. ¿Puede señalar una mejor manera de incluir fragmentos sin procesar en un componente de reacción?
¿Existe un lugar alternativo en Gatsby para agregar todos los scripts adicionales como scripts personalizados, Google Analytics, fuentes de iconos, animate.js y cualquier otra cosa que pueda necesitar?
Gracias por la ayuda