Get 'tweet' event from Twitter Web Intents

IKantarat282 · 2012-11-12T05:00:53.000Z

Thank you cruelly save me hours of development with you post is there any plans for supporting events for custom buttons any tome soon me Kantarat

PristonToshiz · 2012-11-26T21:54:08.000Z

pristontosh@gmail.com

puchuu_dev · 2012-11-27T20:53:01.000Z

After several hours of picking minified js I’ve found how to do it:

http://pastebin.com/eKHc9sK9

gist.github.com

https://gist.github.com/andrew-aladev/4156888

index.html

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
  </head>
  <body>
    <script>
      $(document).ready(function() {
        var url = "https://twitter.com/intent/tweet?" + $.param({

This file has been truncated. show original

I’ cant post it here, because “<code>” renders it with errors

You will obtain:
{“id”:0,“method”:“trigger”,“params”:[“tweet”,null]}

I am sending rays of diarrhea to the twitter’s developers for such garbage api and awry developer’s website.

hry126 · 2012-12-17T05:59:04.000Z

The code given by @kurrik above, works in IE7/8 and also works for the custom tweet button

jbrios77 · 2013-01-12T05:15:56.000Z

Here is what worked for me:

Load the widgets script within the header part of the HTML

<header>
    <script type="text/javascript" src="http://platform.twitter.com/widgets.js" id="twitter-wjs"></script>
</header>

Then, make sure the event is ready to be called back using the twttr.ready callback function (somewhere in the HTML body tag):

<script>
   twttr.ready(function (twttr) {
       twttr.events.bind('tweet', function (e) {
             console.log ('[INFO] Tweet called...');
             console.log (e);
        });
    });
</script>

One thing that I couldn’t do though, was to return the user that actually did the POST… well, nothing comes cheap I guess.

jbrios77 · 2013-01-12T05:18:00.000Z

… and don’t forget the add the supported tweet button somewhere over the rainbow…
Tweet

gonzalingui · 2013-01-23T06:01:42.000Z

The onblur seems to be a great idea! I will try it.
@episod I understand that you are suggesting to open the popup trough the intent functionality of widgets.js, but the procedure described by @superaircraft is developed in various websites.
I suggest something like the intent window looks for handlers on window.opener and automatically binds itself to the events?

PhodgkinsonFuel · 2013-01-30T17:48:43.000Z

Amazing… this is what I was waiting for.

andybrk · 2013-03-30T07:12:48.000Z

This is great. Thanks for figuring this out, it’s helpful.

andybrk · 2013-03-30T07:14:35.000Z

This is frustrating. Clearly as @puchuu_dev found below, you’re still sending messages back, even with custom Tweet buttons.

With just a little more work on the Twitter API side, it seems like the API could be made to work with custom Tweet buttons.

Jatin2Tweet · 2013-05-15T00:46:33.000Z

@jbrios77 For some reason, this does not work for me. It works fine in isolation but as soon as I plug-it-in (verbatim) in my general code, it does not. Any ideas?

lidya1859 · 2013-05-29T08:42:45.000Z

thanks…it really helps me…this is what i’ve been searching for…
thank you so much…

aheaven87 · 2013-07-09T07:50:39.000Z

I need to use window.open in order to show our own pop up first, with a disclaimer statement that user has to accept before continue. So the flow is:

User clicks a custom Tweet button.
We do open a JS popup with a disclaimer statement.
User can either click “Cancel” or “Continue”.

In the first case we simply close the popup and do nothing in the second we call window.open to show the tweet share popup.

In our case all these actions are required by US Law and that worked just fine until we get a requirement to store the tweet id after user shared it. At the moment I do not see any way to achieve that. Or any other way to show a disclaimer before to show the third party service window to our users?

Any comments, please?

iMezied · 2013-10-19T19:50:28.000Z

the same situation here, and I can’t find any way to fix this issue
any help ?

chaplankton · 2014-02-12T07:48:30.000Z

still useful. kudos my friend.
would be awesome to get the screen_name, but this would do.

das_akeem · 2014-02-18T11:11:45.000Z

brilliant!

it first didn’t work on ie until i discovered that
"console.log(…);" was causing trouble…

Manikadarkarai · 2014-09-25T18:07:42.588Z

Hi To All…

Here i add just few line with twitter event callback function… Its working for me. My code

if (typeof twttr != ‘undefined’) {
if (window.__twitterIntentHandler==’ ')

twttr.ready(function (twttr) {  twttr.events.bind('tweet', function (event) { shareCallbackHandler(shareLink); }); });
window.__twitterIntentHandler = true;

}
}

elisewood2010 · 2014-12-03T01:30:39.723Z

How can I use twitter’s javascript to open a tweet window? I only see ways to add share buttons.

I need to use my own button, run some custom js when it’s clicked, then build the url that is going to be tweeted with the result of that custom js. After all that I open the tweet window. When they’ve tweeted or closed the window I need to take further action like sending the tweet’s id back to the server.
I would just run the custom js on page load and set the attributes on the twitter created share button, but the process is expensive and isn’t always used.

elisewood2010 · 2014-12-03T01:35:08.472Z

Thank you!

Do you know how to get the tweet’s id with this method?

niall · 2014-12-03T06:40:07.128Z