Handling Twitter share response

Reading Time: < 1 minute

Twitter share is a way to allow user to share website / tweet on the twitter . There are various methods to share data on twitter , but here we are using javascript method .We can customize tweet using data attributes .
Followings are steps need to be followed
1) Add javascript in file . It would be better to add javascript just below <body> .

<script>
window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return t;}(document,"script","twitter-wjs"));
</script>

2) Add below anchor tag where you would like to render the Tweet Button .

<a class="twitter-share-button" href="https://twitter.com/share" data-size="small" data-url="http://knoldus.com" data-text="Hello" data-count="none" >Tweet</a>

To display count box (number of share) remove data-count=”none” attribute or set data-count=”horizontal”
3) If you would like to handle the tweet response , you need to bind the twitter response by using following script .

<script src="https://platform.twitter.com/widgets.js"></script>
<script>
twttr.events.bind('tweet' , function(event) {
  // do somethings here
alert("Tweet has been successfully posted");
});
</script>

twttr.events.bind method would be called when tweet posted successfully .

5 thoughts on “Handling Twitter share response1 min read”

Reblogged this on Play!ng with Scala.

Reblogged this on malti yadav.

this alert message is shows when popup is open. Not get response after successfully shared the post to twitter.

Sergei Sheinin says:

February 2, 2016 at 5:30 PM

Yes, you are right. I’m trying to find a way to bind event to a successful response from twitter, like is possible with FB. Any ideas?