How do I render new Twitter widget dynamically?

Question

If I register a widget on Twitter, I get the following code:

<a class="twitter-timeline" href="https://twitter.com/vinto60utd" data-widget-id="283564783750483968">Tweets by @vinto60utd</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id))>>>{js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}>(document,"script","twitter-wjs");</script>

If I put this code as it is on my page, I see the Twitter widget as I wanted. How do I render my widgets dynamically or on the execution of some event (like button click)?

Answer 1

use

twttr.widgets.load(); 

if you have loaded //platform.twitter.com/widgets.js already

In my situation I doing like this: replacing content of some empty or previously timeline filled block to new link like yours

<a class="twitter-timeline" href="https://twitter.com/vinto60utd" data-widget-id="283564783750483968">
    Tweets by   @vinto60utd</a> 

then I call twttr.widgets.load(); and twitter do the rest.