Twitterのタイムラインウィジェットを埋め込む

Twitterのタイムライン　ウィジェットをサイトに埋め込む方法。

普通につくるなら

自分のTwitterアカウントにログインして、右上の「プロフィールと設定」から、「設定」をクリック。

左サイドバーのウィジェットをクリック

「新規作成」をクリックすれば作成出来るようになります。

直接コードを取得してウィジェットを埋め込むには

まずは、ここからJSを取ってくる。
https://dev.twitter.com/web/javascript/loading

つぎに、ウイジェット生成用のリンクタグをここから取ってくる。
https://dev.twitter.com/web/embedded-timelines/user

でもって、コードをいじります。

<a class="twitter-timeline"
height="464px"
data-widget-id="ここにウィジェットIDをいれます。"
href="https://twitter.com/ここにユーザー名を入れます。"
data-screen-name="ここにユーザー名を入れます。">
</a>

<a class="twitter-timeline"

height="464px"

data-widget-id="ここにウィジェットIDをいれます。"

href="https://twitter.com/ここにユーザー名を入れます。"

data-screen-name="ここにユーザー名を入れます。">

</a>

で、上記コードの下にJSのコードを貼り付けます。

<a class="twitter-timeline"
height="464px"
data-widget-id="ここにウィジェットIDをいれます。"
href="https://twitter.com/ここにユーザー名を入れます。"
data-screen-name="ここにユーザー名を入れます。">
</a>
<script>window.twttr = (function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0],
    t = window.twttr || {};
  if (d.getElementById(id)) return t;
  js = d.createElement(s);
  js.id = id;
  js.src = "https://platform.twitter.com/widgets.js";
  fjs.parentNode.insertBefore(js, fjs);

  t._e = [];
  t.ready = function(f) {
    t._e.push(f);
  };

  return t;
}(document, "script", "twitter-wjs"));</script>

<a class="twitter-timeline"

height="464px"

data-widget-id="ここにウィジェットIDをいれます。"

href="https://twitter.com/ここにユーザー名を入れます。"

data-screen-name="ここにユーザー名を入れます。">

</a>

var js, fjs = d.getElementsByTagName(s)[0],

t = window.twttr || {};

if (d.getElementById(id)) return t;

js = d.createElement(s);

js.id = id;

js.src = "https://platform.twitter.com/widgets.js";

fjs.parentNode.insertBefore(js, fjs);

t._e = [];

t.ready = function(f) {

t._e.push(f);

};

return t;

}(document, "script", "twitter-wjs"));</script>

公式ガイドはこちら。
https://dev.twitter.com/ja/web/embedded-timelines