Geek Answers Handbook

How to render a new twitter widget dynamically?

If I register the 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 on my page, I see the Twitter widget as I wanted. How to visualize my widgets dynamically or when an event occurs (for example, clicking a button)?

+6
source share
4 answers

Edit

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

For

 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");
+3
source

use

 twttr.widgets.load();

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

In my situation, I do this: replacing the contents of some empty or previously filled with a temporary block block with a new link, for example 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 does the rest.

+10
source

you can have one widget-id and filter out any tweet stream just by adding

  data-screen-name="AnyTwitterName"

for example

  <a class="twitter-timeline" data-widget-id="6596840392xxxxxxxx" data-screen-name="AnyTwitterName" ></a>
+1
source

You can create widgets at runtime using Twitter for JS websites.

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

0
source

More articles:


All Articles