2回目以降の問題
Twitterシェアボタンというのはこんなやつですね。
<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-show-count="false">Tweet</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
ただこれJavaScriptなどで動的に作られている要素の中に含めている場合、2回目以降うまくボタン化してくれません。
window.twttr で解決
widgets.js
が読み込まれた後にwindow.twttr
という値が増えてるので、その中のwidgets.load
メソッドを使います。メソッドの引数にはボタン化させたい要素.twitter-share-button
などを指定します。
twttr.widgets.load(document.getElementsByClassName('twitter-share-button')[0]);