Handling Twitter share response


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 .

 

Advertisements

About Malti Yadav

An enthusiastic technologist , Scala developer, positive attitude and the desire to go extra mile .
This entry was posted in JavaScript, Tutorial, Web. Bookmark the permalink.

5 Responses to Handling Twitter share response

  1. Teenu says:

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

  2. Yes, You are right I have also find same result. Is there is any way to find response status after successful tweet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s