ブログのカスタム

Twitterのフォローボタンにフォロワーの人数を表示する方法【図解あり!】

スポンサーリンク


こんにちはユレオです!

いろんな方のブログを見ているとTwitterのフォローボタンにフォロワーの人数が表示されているのを見たことはありませんか?

f:id:soul-vibration:20170701204654j:plain

どうやってるんだろと不思議に思っていました。

いくつか方法があるようですが、意外と簡単に設定できる方法もあったのでご紹介したいと思います。

設定手順1 Twitter公式のフォローボタンをカスタム

1:Twitterのフォローボタンを作成ページに行きます。

https://about.twitter.com/ja/resources/buttons#follow

2:Twitterのフォローボタンをカスタムします。

デザインはどんな形でも構いませんので各項目に従って進めてください。

f:id:soul-vibration:20170701210946j:plain

設定が必要なのは以下の通りです。

①:ボタンの選択。タイプは「フォローする」を選んでください。

②:ユーザー名を入力。(例:tamashii_yusa)

③:ボタンのカスタマイズ。

「ユーザー名の表示」のチェックは外すのをお勧めします。

④:設定後に出力されたコード内を全てコピーします。

スポンサーリンク

設定手順2 はてなブログ画面

1:コードを張り付けたいページを編集で開き、HTML編集を選択します。

f:id:soul-vibration:20170701020007j:plain

2:コードを張り付けて「data-show-count=”false”」という部分を「”true”」に変更します。

f:id:soul-vibration:20170701213022j:plain

3:プレビュー表示に切り替えるとフォローボタンにフォロワー数が表示されます。

f:id:soul-vibration:20170701213519j:plain

以上で終了です。これは好きなところに張り付ける事ができます。

私はヘッダや記事、プロフィール等に張って使用しております。

ふと見たときにフォロワー数が増えてたらやっぱりうれしいですよね。

スポンサーリンク


おすすめのアフィリエイトASPランキング

「ASP(アフィリエイト・サービス・プロバイダ)」とは、アフィリエイトの広告主とトやブログ運営者を繋ぐ仲介業者のことで、ブログ運営で広告などを掲載するにはASPに登録する必要があります。

そうしたASPは数多くありますが、初心者向けのおすすめのASPをご紹介いたします。

1位 A8.net
A8.netは広告主数が豊富で、ブログ運営者の多くが利用するアフィリエイトサービスです。
ブログを始めたばかりの方もwebサイトやブログを登録できますし、手続きも簡単でアフィリエイトを手軽に始めることができます。
また、A8.netでは「セルフバック」が充実しており、自分で商品の購入やサービス申込むことでアフィリエイトの報酬が得られ、実際の商品をお得に購入できるのでレビュー記事が書きやすいというメリットもあります。
総合
商品種類
初心者向け

A8.netの詳細ページはこちら

2位 もしもアフィリエイト
もしもアフィリエイトはブログ運営の初心者でも成果を上げられるように成果を上げる為の方法について詳しく書かれたマニュアルがあるなど、「ブログ運営初心者に対して嬉しいサービス」が充実しています。
また、Amazonアソシエイトと楽天アフィリエイトをまとめれるのは、管理がしやすい点が初心者にとってポイントが高く、W報酬制度やプレミアム報酬などの独自の報酬制度があります。
総合
商品種類
初心者向け

もしもアフィリエイトの詳細ページはこちら

3位 バリューコマース
バリューコマースはYahooショッピングでの報酬の取りまとめに力をいれていたり、スマートフォン向けのオーバーレイ広告が掲載できるなど、ポイントの高いサービスが提供されています。
また、メルカリなどのバリューコマースにしかない広告案件があり、メインのASPがすでにあったとしても広告案件の隙間を埋めたり、比較として登録しておいて損はありません。
総合
商品種類
初心者向け

バリューコマースの詳細ページはこちら