自分のホームページ(ブログ)へTwitterのフォーローボタンを設置する方法

Twitterのフォローボタンを設置する方法は、Twitter Publishページで自分のツイートのタイムラインやフォローボタンを自動生成してくれる機能があるのでそちらから簡単に作成可能となります。

TwitterのPublishページ

Twitterのフォローボタンの作成手順

  1. TwitterのPublishページを表示して自分のTwitterのURLを入力してEnter
  2. 「Twitter Buttons」を選択します。
  3. 「Follow Button」を選択します。
  4. カスタマイズしたい場合は「set customization options」のリンクをクリックしてカスタマイズ画面を表示させることでボタンサイズやアカウント名の表示有無などを設定できます。設定が完了したら「Update」ボタンを選択します。
  5. あとは表示されたソースコードを「Copy Code」ボタンを選択してコピーして自分のホームページなどに貼り付ければ設置は完了です。

設定例

  • ソースコードを貼り付けると以下のようなフォローボタンが表示されます。
    • デフォルト状態:
    • ボタンを大きくした場合:
    • ユーザー名を非表示した場合:
    • ユーザー名を非表示でボタンを大きくした場合:
    • 公式のカスタマイズではフォロワー数表示は制御できないのですが、ソースコードの「data-show-count=”false”」を「data-show-count=”true”」に変更することでフォロワー数を吹き出し表示させることも出来ます。
      フォロワー数を表示させた場合: