ネコ部長のお役立ちブログ

         明日から活かせる知識・話題など何かのお役に立つブログです

【Twitterパブリッシュ】超簡単!はてなブログでTwitterフォローボタンにフォロワー数を表示させる方法

スポンサーリンク

f:id:nekobuchou:20191022145034p:plain

 

こんにちはネコ部長です。

はてなブログのサイドバーや記事などに、Twitterフォローボタンを表示させて

いますが、ここにフォロワー数を表示させられないかと思い色々と調べてみた

ところ、表示させる方法があったので紹介します。

 

 

Twitterパブリッシュ

f:id:nekobuchou:20191022150027p:plain

使用するツールがこちら「Twitterパブリッシュ」です!

Twitter Publish

 

これを使うとどんな感じになるかというと 、

f:id:nekobuchou:20191022150939p:plain こちらがもとの状態ですが、

f:id:nekobuchou:20191022150936p:plainこのようにフォロワー数が表示されます!

 

 ちなみに記事内に表示させたい場合は、

と、このように簡単に表示させることが できるのですね。

それでは使い方を説明します。

手順

f:id:nekobuchou:20191022163031p:plain

①Twitterパブリッシュのサイトに入る

まずは、こちらのサイトに入りましょう。もちろん無料です!

 

publish.twitter.com

 

②コードを取得する

サイトに入ると下記の画面が出てきますが、そのまま下にスクロールしましょう。

 

f:id:nekobuchou:20191022150027p:plain

(最初は英語で出ていますが、Google翻訳でこのような画面になっています。)

 

下記の画面が出てきますので、右端の赤枠のところをクリックしましょう。

 

f:id:nekobuchou:20191022152141p:plain

 

 小窓が順に出てきますので、クリックしていきます。

 

f:id:nekobuchou:20191022153136p:plain

 

左から2番目の「フォローボタン」をクリックします。

 

f:id:nekobuchou:20191022153133p:plain

 

赤線のところに、TwitterプロフィールURLか、IDを入力しプレビューをクリックします。TwitterのIDとは、@~  と表示されているやつです。(@も含みます)

 

コードの画面が表示されるので、「コードをコピー」をクリックしてブログ内の

好きなところに貼っていきます。

 

f:id:nekobuchou:20191022154337p:plain

 

しかし、このコードをそのまま貼り付けてもフォロワー数は表示されません。

(赤矢印のように、ただのフォローボタンになります)

 

③ コードを書き換える

フォロワー数を表示させるコードに書き換えていきますが、いたって簡単です。

 

「data-show-count="false"」falsetrueに変えるだけです。

 

これでフォロワー数を表示させるコードが完成しました。

 

貼り付け方

サイドバーのプロフィール欄に貼り付ける場合の手順です。

 

ダッシュボード ⇒ デザイン ⇒ メンテナンス(スパナマーク)⇒ サイドバー

 

そして、プロフィール欄のところに取得したコードを貼り付けます。

 

f:id:nekobuchou:20191022161334p:plain

 

赤矢印の「自己紹介」の中に直接コードを貼り付けましょう。

そして、青矢印のところのチェックを必ず外してください。

(二重に表示されてしまいます)

f:id:nekobuchou:20191022150936p:plain

はい、これで完成です!

記事内の場合は、HTML編集でコードを貼り付ければOKです!

まとめ

f:id:nekobuchou:20191022163435j:plain

いかがでしょうか。

とても簡単に表示させることができましたよね。

しかし、どうして今回フォロワー数を表示させようと思ったかというと、読者数表示と

一緒で、フォロワー数を表示させることでフォローされやすくなるという噂を聞いたも

ので、ちょっと検証してみたいと思ったからです。さて、真相はいかに⁉

 

でも少し雰囲気が変わった気がするのでコレはこれで良いのかもしれませんね。

興味がある方は是非、試してみてください。

 

ご覧いただきありがとうございました。