jquery - functions - ¿Hay una devolución de llamada para el botón Tweet de Twitter?

jquery functions

Question

¿Hay alguna manera de registrar una devolución de llamada en el botón Tweet de Twitter? Me gustaría poder rastrear qué usuarios particulares en mi sitio han twitteado un enlace. No puedo agregar el evento onClick porque es un iFrame entre dominios. ¿Alguna otra idea?

He visto una forma de hacerlo, pero parece poco confiable. Su documentación no menciona nada, así que estoy buscando ayuda para solucionar el problema.

Answer 1

Acabo de implementar un evento de devolución de llamada de tweet.

Más información sobre el evento de devolución de llamada de Twitter
- Intentos web de Twitter
- Web Intents Javascript Eventos

La devolución de llamada de Javascript

$.getScript("http://platform.twitter.com/widgets.js", function(){
   function handleTweetEvent(event){
     if (event) {
       alert("This is a callback from a tweet")
     }
   }
   twttr.events.bind(''tweet'', handleTweetEvent);        
 });

El botón de tweet:

 <a href="http://twitter.com/intent/tweet?url=http://test.com;via=stack">twitter</a>

Answer 2

Si carga Twitter Widgets JS, puede vincular una función de devolución de llamada al evento de tweet. Vea el código a continuación:

<a href="https://twitter.com/intent/tweet?url=http://yoursite.com/about&text=Message">Twitter</a>

<script>        
//Twitter Widgets JS
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="https://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"));

//Once twttr is ready, bind a callback function to the tweet event
twttr.ready(function(twttr) {       
    twttr.events.bind(''tweet'', function (event) {
        console.log(''tweet, tweet'');
    });
});
</script>

Answer 3

sí, hay una función de devolución de llamada. para botones de twitter personalizados también. puedes encontrarlo aquí: https://dev.twitter.com/discussions/671

Answer 4

Twitter tiene eventos de Web Intent para loaded , rendered , resize , tweet , follow , retweet , me like y click .

twttr.events.bind(
  ''tweet'',
  function (event) {
    // Do something there
  }
);

El comportamiento se modificó en el otoño de 2015 debido a la falta de fiabilidad de las devoluciones de llamadas que se producen después de que se completa un evento.

Ahora se activarán cuando un usuario invoca la acción en su página, en lugar de una vez que se complete la acción.

Ejemplo de carga de widgets.js :

<script>
// Performant asynchronous method of loading widgets.js
window.twttr = (function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0],
    t = window.twttr || {};
  if (d.getElementById(id)) return t;
  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>

<script>
// Wait until twttr to be ready before adding event listeners
twttr.ready(function (twttr) {
  twttr.events.bind(''tweet'', function(event) {
    console.log(event);
  });
});
</script>

Answer 5

<a href="https://twitter.com/IamAnessaReyes" class="twitter-follow-button" data-show-count="false">Follow @IamAnessaReyes</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Answer 6

function loguser( event ) {
    if ( event ) {
        alert( ''Tweeted'' );
        console.log( event );
    }
}

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(''tweet'', loguser);
});

Ejemplo de trabajo