angular4にtypeformウィジェットを埋め込む方法

Question

私は、タイプフォームを静的ページに統合するように求めているマーケティング部を探していました。彼らはすぐに構築してページに埋め込むことができます。私はangle4を使用します。 、手段はどのような種類のウィジェットをサポートするための方法を必要とするので、ウィジェットは、スクリプトを持って、次のようになります。

 <div class="typeform-widget" data-url="https://xxxxxxx.typeform.com/to/CCiqgs" style="width: 100%; height: 500px;"> </div> 
     <script> 
      (function() { 
       var qs, js, q, s, d = document, 
        gi = d.getElementById, 
        ce = d.createElement, 
        gt = d.getElementsByTagName, 
        id = "typef_orm", 
        b = "https://embed.typeform.com/"; 
       if (!gi.call(d, id)) { 
        js = ce.call(d, "script"); 
        js.id = id; 
        js.src = b + "embed.js"; 
        q = gt.call(d, "script")[0]; 
        q.parentNode.insertBefore(js, q) 
       } 
      })() 
     </script> 
     <div style="font-family: Sans-Serif;font-size: 12px;color: #999;opacity: 0.5; padding-top: 5px;"> powered by 
      <a href="https://www.typeform.com//?utm_campaign=CCiqgs&amp;utm_source=typeform.com-11265281-Basic&amp;utm_medium=typeform&amp;utm_content=typeform-embedded-poweredbytypeform&amp;utm_term=EN" style="color: #999" target="_blank">Typeform</a> 
     </div> 

することは、我々は新しいリリースをすることなく、これをサポートするための方法を見つけるか、アプリにのために毎回を構築するための手段新しいウィジェットが埋め込まれているか、単に単純なウィジェットのためだけに変更されていますが、実際にはどのようなウィジェットもサポートする必要があります。

アイデア？ 私はすべてのあなたの助けに感謝します。 Thx

Answer 1

カスタム埋め込みセクションhereのWebサイトで提案されているiframeで解決策を使用できます。

#my_typeform { 
 
display: inline-block; 
 
width: 800px; 
 
height: 600px; 
 
margin: 60px; 
 
}

<iframe id=”my_typeform” src=”https://yourname.typeform.com/to/abc123″></iframe>

しかし、私はあなたにも詳細on this blogに説明されているサニタイズでそれを行うことができます信じています。

うれしいことに、素晴らしい一日をお過ごしください。 :)