2018年4月3日火曜日

Twitterタイムライン埋め込み方法

2018/03/31(土)朝05:52付で info@twitter.com から「アクションが必要です: Twitterタイムラインウィジェットの重要な変更」と題したメールが届き、「タイムライン検索のサポートが中止されることになったため、Twitterタイムラインウィジェットが影響を受ける可能性があります。この変更の詳細と対処方法については、お知らせをご覧ください」という旨が本文に書かれていました。

その「お知らせ」(2018/03/24付の発言)によると、2018/05/25(金)に従来のTwitterタイムラインウィジェット設定ページでTwitterタイムラインウィジェットを作成/編集できなくなり、同ページで作成/編集したウィジェットは全部2018/07/27(金)を最後に機能を停止するとの事。
それまでに https://publish.twitter.com/# (2016年6月から既に利用可能な新しい方法)で同ウィジェットを作成~編集し直す必要があるようです。

私もTwitterタイムラインウィジェットを従来の方法で本ブログおよび http://wc1605.webcrow.jp/ に組み込んでいるため、新しい方法で既に組み込み直しました。
その結果、見た目は大して変わりませんが、HTMLファイル内に記述したコードは従来よりシンプルかつコンパクトになるなど、一層メンテナンスしやすくなりました。
例えば本ブログに組み込んでいる「愛媛県防災危機管理課の公式Twitterアカウント」なら以下の通り。

【従来の方法で作成したコード】(441文字)
<a class="twitter-timeline"  href="https://twitter.com/search?q=from%3AEhimeBousai" data-widget-id="932814397025554432">from:EhimeBousaiに関するツイート</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>



【新しい方法で作成したコード】(266文字)
<a class="twitter-timeline" data-lang="ja" data-width="250" data-height="480" data-theme="dark" href="https://twitter.com/EhimeBousai?ref_src=twsrc%5Etfw">Tweets by EhimeBousai</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


これにて一件落着。

0 件のコメント:

コメントを投稿