twitterのつぶやき(ツイート)を自分のブログ内に表示させる方法

twitterでは公式の機能として 自分(あるいは他人)のツイートをブログ内に表示することが出来るようになっています。

その方法を調べましたので、ここにメモしておきます。

また、同様の設定手段を用いて 以下のように、自分(あるいは他人)のブログ(webdesign-ginou.com)に関して言及されたつぶやきを自動で表示させることも可能です。

アイデア次第で色々と応用が可能ですので、覚えておくと便利です。

※以下の設定を行うにあたっては、Twitterのアカウントが必要になりますので、事前にアカウントを取得しておいてください。

設定方法

まずは、twitter公式ページにログインし、画面右上のアカウントアイコンをクリックし、「設定」を選択。

tw_001

画面左カラムで「ウィジェット」を選択。

tw_002

すると画面右側カラムに「ウィジェット」の項目がでますので「新規作成」ボタンを押します。
以下のように選択項目がでるので「検索」を選択します。

tw_003

「検索ウィジェットを作成する」の画面になったら、各種設定項目を記述していきます。

tw_004

一番 大事なのは「検索クエリ」の部分で、ここにツイートを表示させたいユーザ名や検索文字列などを入力します。

例えば、誰か(自分も含む)のツイートを抜き出して表示させたい場合はユーザ名(@で始まるID)を入力します。

ブログへの言及を表示させたい場合は ドメインを入力するのが最適かと思いますが、その場合「https://webdesign-ginou.com/」とするのではなく「webdesign-ginou.com」とした方が検索に引っかかりやすいです。

テーマや高さなどの項目は、右側にプレビュー(見た目)が表示されますので、そちらを見ながら調整しましょう。

「ウィジェットを作成」ボタンを押すと、右側のプレビュー部分下に、埋め込み用のタグが表示されます。

tw_005
あとはこのコードをコピーして、ブログに張り付けるだけです。

はじめての今さら聞けないツイッター入門 (BASIC MASTER SERIES)
はじめての今さら聞けないツイッター入門 (BASIC MASTER SERIES)