Comment rendre le nouveau widget Twitter de manière dynamic?

Si j’enregistre un widget sur Twitter, j’obtiens le code suivant:

 !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"); 

Si je mets ce code tel qu’il est sur ma page, je vois le widget Twitter comme je le voulais. Comment rendre mes widgets dynamicment ou lors de l’exécution d’un événement (comme un clic de bouton)?

Changement

 !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"); 

À

 function twit(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);}} twit(document,"script","twitter-wjs"); 

utilisation

 twttr.widgets.load(); 

si vous avez déjà chargé //platform.twitter.com/widgets.js

Dans mon cas, je fais comme ceci: remplacer le contenu d’un bloc vide ou précédemment rempli par un nouveau lien comme le vôtre

  

alors j’appelle twttr.widgets.load(); et Twitter fait le rest.

vous pouvez avoir un seul identifiant de données et widget et filtrer tous les stream de messages tweet en ajoutant simplement,

  data-screen-name="AnyTwitterName" 

à titre d’exemple

   

Vous pouvez créer des widgets au moment de l’exécution en utilisant Twitter pour les sites Web JS.

https://dev.twitter.com/web/embedded-timelines