ハードディスクメンテナンス ブログ

投稿記事数捌阡貳陌以上!PC,旧ゲーム,カメラ,動画などを、アヤしゐ專門妖語を使ッて解説スル!

Twitterのタイムラインをサイトに埋め込む方法 – コードをユーザー毎に変化させるには?

      2015年11月15日

>>高還元のクレジットカード比較 期間限定のキャッシュバックなど!<<


Twitterのタイムラインをサイトに埋め込むのには、Twitetrにログインした状態で、

https://twitter.com/settings/widgets

にアクセスして、ウィジェットを作成する必要がある。

ウィジェット

すると、以下のようなコードが得られる。

<a class="twitter-timeline" href="https://twitter.com/user" data-widget-id="000000000000000000">@userさんのツイート</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>

「user」というユーザーのタイムラインを表示するものだが、別のユーザーの場合はどうするか?

コードの中で「user」とあるのは1行目の2箇所なので、コードの「user」となっている部分を、以下のようにするなどして変化させるとOKなように思われる。

スポンサーリンク
<a class="twitter-timeline" href="https://twitter.com/<?PHP print $user ; ?>" data-widget-id="000000000000000000">@<?PHP print $user ; ?>さんのツイート</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>

が、data-widget-idも変化させないと、ユーザーが切り替わらない!

そのdata-widget-idを得るためには、ウィジェットを作成する必要がある。

つまり、ユーザー毎にウィジェットを作成する必要があり(data-widget-idとユーザーが1対1ということ)、非常に面倒というか、現実的ではない。

以前のコードではコードの改変だけでOKであり、また、ログインの上ウィジェットを作成などしなくても意図したコードを得ることができたが(=コード作成者はTwitterのアカウントすら不要)、今はできなくなっている。

関連:Embedded User Timeline

関連:公式Twitterウィジェットの設定を自動生成するJavaScriptを書いた

スポンサーリンク



sha-bc@336×280

sha-bc@336×280


sha-bc@336×280

sha-bc@336×280

  関連記事

WordPress
WordPress プラグイン NextScripts:Social Networks Auto-Poster ver.3.6.0 500 error エラー

スポンサーリンク バージョン 3.6.0 に更新すると、HTTP 500 内部サ …

no image
Debian CPU確認 (Processor,スペック)

rootで cat /proc/cpuinfo でCPUの確認が可能。 以下、表 …

no image
RedHatLinux9のインストール

RedHatLinux9のインストールをしました。 Linuxを入れるのは、Re …

CF-R6
相変わらず熱杉流CF-R6! 100度目前まで逝ったったwwwww

分解をし、ハードディスクをSSDに換装した、CF-R6。 関連:Panasoni …

no image
DATE型にNULLを格納する方法(0000-00-00の回避,MySQL)

MySQLで、フィールド `date` を、DATE型、NULL許可で作成する。 …

WordPress
[WordPress] Social Networks Auto-Posterに「謎の巨大葉(GiantLeaf)」が出現! [プラグイン]

NextScripts:Social Networks Auto-Posterと …

no image
常時起動サーバーで故障し易い箇所

現在運用しているWEBサーバーやデータベースサーバー、ファイルサーバーは、常時起 …

no image
RAID(ミラー)の片方にバッドセクタ出現!(Debian7.4)

Debian7.4を稼働させているサーバーでソフトウェアRAIDを組んでいるのだ …

no image
proftpd(FTPサーバー)の接続が遅い場合 (Debian7.4)

proftpd(FTPサーバー)にFFFTP等で接続できるが遅い場合。 /etc …

no image
論理集合(和・積・差)

和:和集合:A union B (重なり合う部分は1回のみ含む) A∪B(Aカッ …