ブログにTwitterウィジェットを設置する方法。タイムラインやツイートが埋め込めるよ

2 0 0

Web・インターネット

Twitter ツイッター

ブログとTwitterは本当に親和性が高いので、ブロガーなら大抵の人はTwitterアカウントは持っていることでしょう。

ブログ更新通知をTwitterに流すのも良いですし、Twitterのタイムラインからブログネタを見つけるといった情報収集ツールとして使うのにも向いています。

今回私がおすすめするのは、自分のTwitterのつぶやきをウィジェットとしてブログに埋め込む方法です。

Twitterのツイートはその人の趣味・嗜好を強く表していることが多いです。

検索でブログにたどり着いた人にツイートを見てもらうことで、あなたに興味を持ってもらう一つのきっかけになります。

実際、私が初めて訪れたブログにツイートが埋め込まれていたら、かなりの確率でチェックします。その人の「人となり」がわかるからです。

もちろん、下ネタなどのツイートを見られて逆に引かれてしまう可能性もありますが、もともと接点もなかった人なので何も痛みは伴いません。興味を持ってもらえれば儲けもの、って感じですね。

というわけで、あなたのブログにTwitterのウィジェットを設置する方法をご紹介したいと思います。

SPONSORED LINK

Twitterウィジェットをブログに埋め込む方法

それではさっそくやり方を説明していきます。

まずはTwitterにアクセスしましょう。

Twitter

▼右上の自分のアイコンとクリック→「設定とプライバシー」をクリック。

Twitter

▼「ウィジェット」→「新規作成」→「プロフィール」をクリック。

Twitter ウィジェット

今回は自分のツイートをウィジェット化したいので「プロフィール」を選択しましたが、例えばあるキーワードに関するツイートを集めたウィジェットを作りたければ「検索」にします。

いろいろ種類があるので試してみてください。

▼すると、「Twitter Publish」の画面に遷移します。

Twitter Publish

実はここまで説明した手順を踏まなくても、下記リンクをクリックするといきなりこの画面が開けます。こっちの方が手っ取り早いですね。

Twitter Publish

入力欄に、ウィジェット化したいTwitterのURLを入力します。

私は自分のTwitterアカウント(@loveguava)のツイートをウィジェット化したかったので、自分のツイートURLである「https://twitter.com/loveguava」を入力しました。

入力後、右矢印をクリックします。

▼表示形式を選択します。今回は「Embedded Timeline」を選択します。

Twitter ウィジェット

▼これでとりあえずブログに貼り付けるウィジェット用コードが作成できました。下に見えてるのはウィジェットのプレビューです。

Twitter ウィジェット

このままこれを使っても良いのですが、もう少し見た目をカスタマイズしたいので「set customization options」をクリックします。

▼カスタマイズ設定画面が表示されます。

Twitter ウィジェット カスタマイズ

いろいろありますが、私は設定したのは以下です。

  • Height…350にしました。パソコンで表示する分には良いのですが、スマホで表示したときにこの値を指定していないとタイムラインが画面いっぱいに表示されてしまい、ブログをスクロールさせるのが難しくなるからです。
  • 言語を選ぶ箇所はJapaneseもあるのですが、Automaticでも日本語表示されるので特に変更なし。
  • 「Opt-out of tailoring Twitter」はよくわかりませんが、Twitterに何らかの情報を送るのを拒否するかどうかということだと思われるのでチェック入れました。

▼プレビューを確認して問題なければ「Update」をクリック。

Twitter ウィジェット カスタマイズ

▼カスタマイズを施したコードが生成されます。「Copy Code」でコードをコピーします。

Twitter ウィジェット カスタマイズ

後はコピーしたコードをブログの任意の箇所に貼り付ければOKです。私はブログのサイドバーに貼り付けました。

▼パソコンで見るとこんな感じで表示されます。

Twitter ウィジェット

▼スマホだとこんな感じ。このくらいならブログも上下にスワイプできますよね。

Twitter ウィジェット

まとめ

というわけで、Twitterのツイートやタイムラインをウィジェット化してブログに設置する方法をご紹介しました。

Twitterページに遷移されることなくツイートやタイムラインを表示できるので、あなたのフォローしてくれる人が少しは増える・・・かもしれません。

<関連記事>

Twitterで自分のブログがツイートされたらスマホのプッシュ通知を受け取る方法。これでエゴサーチしなくてすみます!

Twitterに足跡機能はあるの?→ありません。が、これをするとバレちゃう行為はあります

エゴサーチとは?Twitterでエゴサーチする方法とそのメリット・デメリット

SPONSORED LINK

: 2017/12/03: Web・インターネット

  • メールアドレスを記入して購読すれば、更新をメールで受信できます。現在、37 人が購読中です!
    ※メールアドレスは管理人には知られません

  • ラブグアバが更新されたらプッシュ通知でお知らせします。

  • おっさん管理人グアバが執筆しています。ミスチル好き。
    私が気になったこと(主にスマホ/Webサービス/生活/ミスチル/たまにトイレ)について書いています。2017年3月時点で月間38万PV。
    詳細はコチラ

    フォローはこちらから!