最近なんとなくTwitterのウィジェットが表示されてないなぁ、と思っていたら。
ウィジェットがない! |
「 Join the conversation ウィジェット」提供終了のお知らせ」ということのようです。
「今後はサイト上に簡単にTwitterのタイムラインを表示できる「埋め込みタイムライン」をご利用ください。」ということなので、さっそくやってみました。
まずは、「 Join the conversation ウィジェット」提供終了のお知らせ」ページの下のほうにあるリンクからTwitterアカウントへのログインページに行き、いつものようにログインします。
ウィジェットの設定ページがあらわれます。今回が初めてなので新規作成をクリックします。
今回はタイムラインを表示させるのが目的なのでタブはそのままで、各種設定をサクッとしたらウィジェットを作成をクリックします。
すると、タイムラインの下に「埋め込みタイムライン」のためのスクリプトが表示されます。あとはこいつをコピーして、サイトの表示させたい場所にペーストします。
ちなみにスクリプトはこんな感じです。
できました。<a class="twitter-timeline" href="https://twitter.com/saelashop" data-widget-id="349157088393584640">@saelashop からのツイート</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>