JSFiddle - React, Tailwind, and code Playground

by Alex Azuero

HTML

<script src="https://platform.twitter.com/widgets.js"></script>

<a class="twitter-timeline" href="https://twitter.com/unsuckdcmetro" data-tweet-limit="4" data-theme="dark"
   data-link-color="#ccc"
   background="#333">Tweets by @UnSuckDCMetro</a>

JavaScript

// Define our custom event handlers
function clickEventToAnalytics (intentEvent) {
alert("Click event");
}
 
function tweetIntentToAnalytics (intentEvent) {
alert("tweetIntentToAnalytics event");
}
 
function favIntentToAnalytics (intentEvent) {
alert("favIntentToAnalytics event");

}
 
function retweetIntentToAnalytics (intentEvent) {
alert("intentEvent event");

}
 
function followIntentToAnalytics (intentEvent) {
alert("followIntentToAnalytics event");
}
 
// Wait for the asynchronous resources to load
twttr.ready(function (twttr) {
    console.log("Getting here");
    
  // Now bind our custom intent events
  twttr.events.bind('click', clickEventToAnalytics);
  twttr.events.bind('tweet', tweetIntentToAnalytics);
  twttr.events.bind('retweet', retweetIntentToAnalytics);
  twttr.events.bind('favorite', favIntentToAnalytics);
  twttr.events.bind('follow', followIntentToAnalytics);
    
    twttr.widgets.load(
  document.getElementById("615938564300345345")
);
    
});