twitterのシェアボタン利用時のコールバックについて

前提・実現したいこと

twitterのシェアボタンを設置し、ツイート後にアラートを表示させたいと思っておりますが、悪戦苦闘しております。

発生している問題・エラーメッセージ

前項にも記載しました通り、twitterのシェアボタンを設置し、ツイート後にアラートを表示させたいと思っているのですが、なぜかツイート後ではなくツイートダイアログを開いた際にアラートが表示されてしまいます。
どうやったらツイート後にアラート表示できるのか解決策が見出だせないため、ご教授頂ければ幸いです。

該当のソースコード

以下のコードを記述しツイートのダイアログ設置とコールバックの設定を行っております。

<a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>

<script>
// ツイートボタン
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"));

// ツイート完了後のコールバック
function afterTweet(intent_event) {
    if (intent_event) {
        console.log('ツイート完了');
    };
}

// イベントにコールバックをバインド
twttr.ready(function (twttr) {
    twttr.events.bind('tweet', afterTweet);
});
</script>

試したこと

いろいろ検索してみましたが、ツイート後にアラート表示することができません。
サンプルを記載して頂いているサイトなどもあり、動作を確認したところ、そのサイトではツイート後にアラートを表示されることができていました。
そのため、私の設定(記述の仕方?)が悪いのか、なにか競合するjsがあるのかと思ったのですが原因が分からず解決できずにいます。
こういう箇所を見直してみるといいなどアドバイスでも構いませんので、ご教授頂ければ幸いです。
よろしくお願いいたします。