title: add raw HTML with <script> inside Gatsby React page
body: <p>I am trying to add an external embed code to my Gatsby page.</p>
  
  <p>I currently use</p>
  
  <pre><code>import React from 'react'
  import Link from 'gatsby-link'
  
  
  let test ="&lt;script type='text/javascript'&gt;
  (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&amp;height=135&amp;orientation=vertical&amp;theme=light&amp;rnd='+parseInt(Math.random()*10000, 10);
      try { where.parentNode.insertBefore(js, where); } catch (e) { if (typeof console !== 'undefined' &amp;&amp; console.log &amp;&amp; e.stack) { console.log(e.stack); } }
  }(document, 'script'));
  &lt;/script&gt;"
  
  const ContactPage = () =&gt; (
  
      &lt;div&gt;
          &lt;h1&gt;ContactPage&lt;/h1&gt;
          &lt;div
              dangerouslySetInnerHTML={{ __html: test }}
            /&gt;
      &lt;/div&gt;
  
  )
  
  export default ContactPage
  </code></pre>
  
  <p>which is full of syntax errors. Can you please point out a better way to include raw snippets in a react component?</p>
  
  <p>Is there alternatively a place in Gatsby to add all additional scripts like custom scripts, Google Analytics, icon fonts, animate.js and anything else I may need?</p>
  
  <p>Thank you for the help</p>