カスタマイズ

Twitterでフォロワーを増やす♥フォローボタンを設置する方法(コピペで簡単!)

ヒデ
ヒデ
こんにちわ! アフィリエイトブログをデザインする「デザアフィ」のヒデ(dezaafi) です。

いつもご覧いただきまして、ありがとうございます!

わたくしが今、積極的に取り組んでいるのが「Twitterの有効活用」なのですが…、

あなた
あなた
思うようにフォロワーさんが増えなくて…。

と、いったように困ったりとかしてませんか?

 

そこで今回は、そんな悩みを解決する方法の1つとして、

このような「フォロワー人数入り」の効果的な「Twitterフォローボタン」を作ってみました!

 

こんな方に参考になります。
  • Twitterをしているけど、フォロワーさんが増えない。
  • フォロワーさんを増やしてアクセスアップに繋げたい!

ヒデ
ヒデ
いろいろ試してみて、わたしが1番しっくりきた

「フォロワー人数入り」の「Twitterフォローボタン」の作り方と、
「ブログに設置する方法」

を、教えちゃいます!

「フォロワー人数入り」の「Twitterフォローボタン」の作り方

まずは、ツイッターの、「Twitterフォローボタン」コード を作成していきましょう!

①自分のツイッターページを開く


ご自分の「Twitterのプロフィール」ページを開き、URLをコピーします。

 

②Twitterの「Twitter Publish」を開く

TwitterのURLを入れるだけで

「Twitterフォローボタン」の貼り付けコードが作れる

「Twitter Publish」を開きます。

「Twitter Publish」が別ウィンドウで開きます

 

そして、①でコピーした「ご自分のツイッターURL」を貼り付けて「Enter」キーをクリックします。

 

③右の「Twitter Buttons」を選択

右の「Twitter Buttons」を選択します。

 

④左の「Follow Button」を選択

左の「Follow Button」を選択します。

 

⑤「set customization options.」をクリック

コードが作成されましたが、まだ足りておりませんので「set customization options.」をクリックします。

⑥チェック&選択後、「Update」をクリック

ボタンの種類が選べます。

どのボタンにするか、チェックまたは選択後に「Update」をクリックです。

日本語の「フォロワー人数入り、Twitterフォローボタン」の場合は

画面と同じ設定

  • Hide Username→ノーチェック
  • Large Button→チェック
  • language(言語)→Japanese

を選択してください。

 

⑦「Copy Code」をクリック

「Copy Code」をクリックします。

 

⑧コードが完成(一部のちほど修正あり)

コードが完成(一部のちほど修正あり)しました。

この画面は閉じてしまって大丈夫です。

 

ヒデ
ヒデ
とりあえず、お疲れ様でした!

Twitterフォローボタンを設置する方法

次は、

今作りました「Twitterフォローボタン」を

プロフィール欄にTwitterフォローボタンを設置する方法をご紹介します。

 

その前に、未完のコードを修正しましょう

先ほど作ったコードではまだ、このような「フォロワー数を表示 」がされませんので、

「コードを修正」していきましょう!

 

①メモ帳で修正

さきほど作った「Twitterフォローボタン」のコードを、メモ帳など「テキストエディタ」に貼りつけます。

すると、コードの中に

data-show-count="false">

「false」と言うコードがありますのでそれを↓

data-show-count="true">

「true」に書き換えます。

すると、

このようにフォローボタンの横に「フォロワーの人数」が入ったボタンになります。

それでは完成したコードを「プロフィール欄」に貼っていきましょう!

 

ただし、わたしの場合は、デザインテーマが「JIN」なので、

 

この場では「JIN」での貼り付け方でご説明させて頂きます事ご了承ください。

「JIN」以外のテーマの方もそれほど違った方法にはならないと思います。(←いい加減ですみません…。)

 

②「外観」>「ウィジェット」を開く

WordPress管理画面「外観」 → 「ウィジェット」を選択します。

③「プロフィール」を開く

「ウィジェット」に設置してある「プロフィール」を開きます。

プロフィールの「説明欄」に、先ほどメモ帳で修正したコードを貼り付けます。

その際、コードを<p>コード</p>で囲ってあげると、ボタン上下に余白が出来ますので、見た目がスッキリ見易くなります。

コードを貼り付ける → 「保存」をクリックです。

④プレビュー画面で確認する

それではプレビューで確認してみましょう!

ヒデ
ヒデ
良い感じで出来た!
ヨッメさん
ヨッメさん
あれ? フォロワー数増えている…?

そうなんです! この「Twitterフォローボタン」のお陰なのかどうかは、わかりませんが…、

この記事を書いている最中にも「フォロワー数が増えていました」ので

 

この方法は効果的なのでしょう?!(震え声)

ヨッメさん
ヨッメさん
ちょっと強引に言い切ったわね、ヒデ。(呆れ顔)

 

プロフィール以外にも

プロフィール以外にも「ブログの記事内」にも、この「Twitterフォローボタン」は設置することが可能です。

その方法をお伝えしますと…、

①記事内にTwitterフォローボタンを設置


① 投稿画面で「テキスト」モードに切り替える。

②「Twitterフォローボタン」コードを貼り付け

 

たったこれだけです。

②プレビューで確認してみましょう!

それでは、プレビューで「Twitterフォローボタン」が表示されているか、確認してみましょう!

ちゃんと、表示されていましたね。

こんな感じで、「プロフィール以外」にもいろいろな場所に活用することが可能です。

 

ヒデ
ヒデ
ブログ内のいろいろな場所に、さ・り・げ・な・く 設置してフォロワー数を増やしていきましょう!

あくまでも、さ・り・げ・な・く ですよ~!

さいごに

いかがでしたでしょうか?

今回は「フォロワー人数入り」の「Twitterフォローボタン」 

をブログに設置する方法」をご紹介しました。

WordPressプラグインをインストールすることなく、コードを作ってコピペするだけなので簡単でしたね。

  • ブログとTwitterを連携させているけど、フォロワーさんが増えない…。
  • フォロワーさんを増やしてアクセスアップに繋げたい!

こんな風に悩んでいる方はぜひ、

ヒデ
ヒデ
自分のブログに「フォロワー人数入り」の「Twitterフォローボタン」を設置してみて下さい!

 

 

 

最後までご覧いただきまして、ありがとうございました!

 

ヒデ
ヒデ
記事の更新情報はツイッターで行っています。
良かったらフォローお願いします! >ヒデ(dezaafi)
ABOUT ME
ヒデ
ヒデ
埼玉県和光市出身 40代のWebクリエイターです。 現在、アフィリエイトを実践しながら、ブログデザインの事など紹介するこのブログを2019.1.17にはじめました。 ⌨️ワードプレスを使ってアフィリエイトしている方、よろしくお願いします!

POSTED COMMENT

  1. アバター ロナウド より:

    こんにちは。
    ランキングから来ました。
    アフィリエイト初心者です。
    Twitter活用していきたいです。
    参考になりました。
    ありがとうございます。

    • ヒデ ヒデ より:

      ロナウドさん
      コメントありがとうございます!

      お役に立ててなりよりです。
      わたしのブログでよければまた、ロナウドさんのアフィリエイトにお役立てください。

  2. アバター Taym より:

    こんばんは。
    ツイッターでもなんでも
    使えるものは活用していきたいので
    参考になります。

    • ヒデ ヒデ より:

      Taymさん
      コメントありがとうございます!

      お役に立ててなりよりです。
      わたしのブログでよければまた活用してください。

  3. アバター misuzu より:

    こんにちは。ランキングからきました。
    ツイッターあまり活用できていないので、参考になりました。
    ありがとうございます!

    • ヒデ ヒデ より:

      misuzuさん
      コメントありがとうございます!

      お役に立ててなりよりです。
      わたしのブログでよければまた活用してください。

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です