☰

イベント付きTwitterボタンのカスタムデザイン 質問する

tag-icon • tag-icon javascript html twitter
イベント付きTwitterボタンのカスタムデザイン 質問する

カスタムツイートボタンがあります:

<a href="http://twitter.com/share?url=http://example.com;text=myText;size=l&amp;count=none" target="_blank">
    <div>
        <img src="/assets/twitter-logo.jpg">
        <span>Twitter</span>
    </div>
</a>

ここで、ツイートが公開された後に何らかの結果を達成したいと考えました。そのために、Twitter イベント API を調べました。

<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script type="text/javascript">
    twttr.events.bind('tweet', function (event) {
        alert("Tweet Successful");
    });
</script>

ただし、この API は非カスタム ボタン (twitter-share-buttonクラス) でのみ機能します。

イベントをリッスンするカスタム ボタンを作成できた人はいますか?

ベストアンサー1

カスタムメイドのリンクしてもウェブインテントは保持されます！

の鍵リンクが「https://twitter.com/share「それは」を指すはずですhttps://twitter.com/intent/tweet「

このような：

<a href="https://twitter.com/intent/tweet">Tweet</a>

この方法では、次のように Web インテントを使用できます。

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

これをチェックしてjsFiddle

おすすめ記事