Quiero integrar el chat de smartsupp en mi sitio de Gatsby (React), pero el sitio solo te da el siguiente código... Para un mejor rendimiento agregaría unos 5 segundos de espera antes de cargar.
<script type="text/javascript"> var _smartsupp = _smartsupp || {}; _smartsupp.key = "YOUR_SMARTSUPP_CODE"; // ... // your configuration // ... window.smartsupp||(function(d) { var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[]; s=d.getElementsByTagName('script')[0];c=d.createElement('script'); c.type='text/javascript';c.charset='utf-8';c.async=true; c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s); })(document); </script> Podría codificar un <script peligrosamenteSetInnerHTML={{__html: ... /> o ponerlo dentro de la etiqueta y hacer esto, pero creo que hay una mejor manera de tenerlo como componente
Copie .cache/default-html.js a src/html.js .
Puedes personalizar el código en ....
Insertar HTML en el <head>
Cualquier cosa que represente en el componente html.js no se hará "en vivo" en el cliente como otros componentes. Si desea actualizar dinámicamente su <head>, le recomendamos usar React Helmet
- Documentos de Gatsby