Initializing embedded content after a page has loaded

Most Twitter for Websites integrations will be well served by the recommended embed code found in the set-up documentation, but you may want to optimize how and when Twitter’s widgets JavaScript widgets scans the page DOM to discover new HTML elements eligible for enhancement into buttons or widgets.

If content is dynamically inserted into a page (such as lazy-loading content or using a pushState technique to navigate between articles) it’s necessary to request Twitter’s widgets JavaScript scan for new buttons and widgets using the twttr.widgets.load() function.

twttr.widgets.load()

Called without argument, widgets-js will search the entire document.body DOM tree for uninitialized widgets. For better performance, pass either an HTMLElement object, or an array of HTMLElement objects to restrict the search only to children of those elements.

Example initializing widgets within a single element:

twttr.widgets.load(
  document.getElementById("container")
);

Example initializing widgets within an array of elements:

twttr.widgets.load(
  document.getElementsByClassName("containers")
);