title: Use twitter callback only after follow
body: <p>I have created a twitter follow button. In that button I want a callback function. So that when a user will follow it will show an alert kind of thing. But the thing is it is currently showing the message even user is not logged in with his twitter account. I want that it should show the message only after follow. My code is like this</p>
  
  <pre><code>&lt;a href="https://twitter.com/twitter" class="twitter-follow-button" data-show-count="false" data-size="large" data-show-screen-name="false"&gt;Follow @twitter&lt;/a&gt; 
  
      &lt;script&gt;
              function show_message(event) {
          console.log('test');
      }
      window.twttr = (function (d,s,id) {
                                          var t, js, fjs = d.getElementsByTagName(s)[0];
                                          if (d.getElementById(id)) return; js=d.createElement(s); js.id=id;
                                          js.src="//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs);
                                          return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });
                                          }(document, "script", "twitter-wjs"));
                                      twttr.ready(function (twttr) {
                                          twttr.events.bind('follow', show_message);
                                      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Here is the <a href="https://jsfiddle.net/NewUserFiddle/f7k3mj16/1/" rel="nofollow">fiddle</a> link</p>