SNS ブログ運営

Twitterのフォローボタンにフォロワー数を付けて設置する方法

更新日:2018-08-25

Twitterフォローボタン

ブログやホームページにTwitterのフォローボタンを設置しようとしたときに、Googleで検索して古い記事を読むと、いまと設置方法が違うので困っている方も多いと思います。
(この記事は2018年8月の記事です。)

特にフォロワー数を表示させるにはTwitterの公式サイトの情報だけでは実装できないので、この記事を参考にしてください。

設定が途中から英語表記のページになるので、英語が苦手な方もどうぞ。

Twitterボタンの設置方法

それでは順を追って説明します。

1. TwitterのプロフィールページURLをコピー

まず、自分のプロフィールページを開きます。
ページ左側にある自分のアイコンをクリックするとプロフィールページが開きます。
URLをコピーしてください。

Zakkerの場合、「https://twitter.com/zakker7」がプロフィールページのURLです。

Twitterプロフィール

2. ウィジェット作成

以下の手順でウィジェット作成ページへ移動します。

ページ右上の自分のアイコン → 設定とプライバシー → ウィジェット → 新規作成 → プロフィール

Twitter Publish0

さっそく出ました英語ページ。
ご安心ください。このページを読めば誰でも必ず実装できます。

このボックスにさっきコピーしたプロフィールページのURLをペーストして、Enter代わりの「→」ボタンを押してください。

以下のように2つの選択肢が表示されます。

Twitter Publish1

右側の「Twitter Buttons」を押してください。

以下のようなページがポップアップします。

Twitter Publish2

左側の「Follow Buttons」を押してください。

以下のようなページが表示されます。

Twitter Publish4

「Copy Code」ボタンを押してください。

以下のようなページがポップアップします。

Twitter Publish5

これで完了。ウィジェット作成はここまでです。

次はブログやホームページへ設置します。

3. ブログやホームページへの設置

さっきコピーしたコードをブログやホームページの表示したい場所にペーストしてください。

Twitter Widget

これで終わりではありません。
このままですと、「フォロワー数」が表示されません。

ここから少し慣れない作業に入ります。
簡単なので心配しないでください。

「false」となっている部分を「true」と書き換える。

これだけです。
これで、フォロワー数付きのフォローボタンの設置が完了しました。

最後にひとこと

以上でTwitterのフォローボタンにフォロワー数を付けて設置する方法の解説は終わりです。

SNSのウィジェットは設置方法が日々変わっていくので参考にする記事を探し出すのが大変ですよね。

この記事も古くならないように、できる限りリライトしていきたいと思いますので、情報が古くなっていたらTwitterでも問い合わせフォームでも良いのでお知らせください。

-SNS, ブログ運営
-, ,

執筆者:

関連記事

ウェブサイトブロッカー

ウェブサイトブロッカー(Chrome拡張機能)を使って閲覧制限

デスクワークをしていると、いつの間にかTwitterやニュースサイトをダラダラ見てしまっていて、アッという間にお昼休みなんてことはありませんか? あれ、今日ネットサーフィンばっかりしてて全然仕事してな …

ブロガーとアフィリエイターの違い

ブロガーとアフィリエイターの違いって何?界隈インフルエンサーの発言(比較・まとめ)

ブログをはじめたばかりの頃に、「あれ、ブロガーとアフィリエイターって何が違うんだっけ?」と疑問を持ったことがある人は少なくないはず。 調べてみたところ、これまでに著名なブロガーやアフィリエイターによっ …

ドメイン

独自ドメインの取得方法をブログ初心者向けにわかりやすく解説

ドメインはインターネット上の住所のようなもので、このブログで言うと「zakkipost.com」のことです。 「はてなブログ」や「ライブドアブログ」などの無料ブログを使えば、独自ドメインを取得しなくて …

WordPress OGP Twitterカード

【WordPress】OGPとTwitterカードをプラグイン無しで設定する方法

ブログを運営していくうえでFacebookやTwitterを ブログを見てもらうための集客ツール 読者と交流するためのコミュニケーションツール として利用したいと思う方は多いでしょう。 その中でも一番 …

Seach Console

Search Consoleの登録方法と使い方を初心者向けに解説

ブログをはじめたばかりの方が意外と忘れがち、先送りしがち、なのが、この「Search Console」。 ブログの立ち上げでやることがいっぱいあるのに、「分析?そんな先のことまで気が回るわけないよ」っ …

スポンサー

PROFILE

zakker

Zakker(ザッカー)

零細企業経営者。東京都在住。田舎暮らしに憧れを抱きながら東京で消耗中。いつかその日が来ることを信じて場所にとらわれない働き方の確立を目指して奮闘しています。