title: Multiple typeform embeds on one page
body: <p>I have a page that is embedding 25 type forms (<a href="http://www.typeform.com" rel="nofollow">http://www.typeform.com</a>).</p>
  
  <p>Each time the type form is embedded I add a link and then the script below it (see below).</p>
  
  <p>When the link is clicked, it opens a popup on the page with the form inside it.</p>
  
  <p>I'm wondering, is it possible to add the script only once and then have each link trigger it when it is clicked, rather than add the script for every embed? I assume it weighs heavily on the page load having that script load 25 times.</p>
  
  <pre><code>&lt;a class="typeform-share" href="https://TYPEFORMACCOUNTNAME.typeform.com/to/OnOMuV" data-mode="1" target="_blank"&gt;APPLY&lt;/a&gt;
  
  &lt;script&gt;(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'share.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}})()&lt;/script&gt;&lt;p class="share-this-role"&gt;Share this role&lt;/p&gt;
  </code></pre>