Twitterのフォローボタンを設置するメリット
自分のホームページ・ブログにTwitter（ツイッター）のフォローボタンを設置していますか？
ブログ読者をTwitterに流入させて固定ファン・リピーターを作りたい場合、自分のサイトにTwitterフォローボタンを設置することで、効率よくフォロワーを増やしてリピーターを捕まえられます。
ツイート用シェアボタンと一緒に並べて置いておくとさらなる効果にも期待できるでしょう。
Twitterのフォローボタンを設置する方法
それでは早速Twitterのフォローボタンを設置していきましょう。
設置する手順
まず、「Twitter Publish」にアクセスします。
大きく「What would you like to embed?」と表示されますが、そちらではなく、少しスクロールしたところにある「Twitter Buttons」をクリックします。
その中の「Follow Button」を選択します。
![フォローボタンからフォローさせたい自分のアカウントのユーザーIDを入力→[Preview]をクリック](http://s3.ap-northeast-1.amazonaws.com/static.aprico-media.com/production/imgs/images/000/054/869/original.png?1590368340)
フォローボタンからフォローさせたい自分のアカウントのユーザーIDを入力し、[Preview]を押します。
するとフォローボタン設置用のHTMLタグが生成されます。
このコードをHTMLファイルに貼り付けます。貼り付けた場所にフォローボタンが表示されるので、表示したい場所にコードを貼り付けましょう。また、複数箇所に設置できるので、ページ上部とページ下部の二箇所に設置するということも可能です。
実際に設置するとこのように表示されます。
Twitterにログインした状態で上のボタンをクリックしてみてください。ボタンを押すとTwitter公式アカウント(@TwitterJP}をフォローするはずです。
自分のユーザーIDがわからない場合
ユーザーIDとは、@から始まる英数字のことで、自分のプロフィールページのTwitter名の下に記載されています。
ユーザーIDを覚えていないという方はこちらを確認しましょう。
ボタンをカスタマイズする
デフォルトのボタンでは小さい、カスタマイズしたいという場合があるでしょう。
カスタマイズしたい場合はフォローボタンのコードを生成した後に「set customization options.」をクリックします。
するといくつかカスタマイズできる項目が表示されます。
それぞれの設定項目の意味は、
- Hide Username：チェックするとフォローボタンにユーザーIDを表示しない
- Large Button：チェックするとボタンが大きくなる
となっています。
![「What language would you like to display this in?」を[Automatic]から[Japanese]に変更する](http://s3.ap-northeast-1.amazonaws.com/static.aprico-media.com/production/imgs/images/000/054/874/original.png?1590368352)
フォローボタンを日本語表記に統一(デフォルトではサイトに合わせて自動設定)する場合は「What language would you like to display this in?」を[Automatic]から[Japanese]に変更します。
設定をカスタマイズして[Update]を押すと、カスタマイズ内容が反映されたHTMLタグが生成されますので、それを埋め込みましょう。
上のボタンがカスタマイズしたものです。
ちなみに冒頭でもカンタンに触れていますが、Twitterはフォローボタンだけでなくシェア用のリンクボタン(ツイートボタン)も設置できます。
ツイートボタンを設置する方法については別記事で常に解説していますので、フォローボタンだけではなくツイートボタンも設置・カスタマイズしたい場合はこちらを参考にしてください。