Twitterは、ウェブサイトから直接Twitterアカウントをフォローできる公式”フォローボタン”を提供開始しました。

これまでは、ウェブサイトから一旦、ツイッターのページに行ってから”フォロー”ボタンを押していただく必要があったのですが、フォローボタンを利用することで、ユーザーはウェブサイトでボタンを押すだけでフォローすることができます。

設置方法はとっても簡単です

1. Twitterフォローボタン・ページに行きます
→ Twitterフォローボタン・ページ

2. ユーザー名、背景色、フォロワー数表示、言語を指定し、右に表示されるHTMLコードをコピーします

フォローボタン使い方

3. コピーしたHTMLをページにはりつけます

これだけです。簡単ですね!

カスタマイズしたい場合

ページデザインに併せてボタンをカスタマイズしたい方には、オプションが提供されています。
→ Follow Button公式ガイド(英語)

背景色を変える
一番簡単なのは背景色(明るいと暗い)を選ぶことです。
明るいボタン

暗いボタン

テキスト色を変更する
リンクテキスト色はdata-link-colorで、テキスト色はdata-text-colorで変更することができます。

<a href="http://twitter.com/twitterapi" data-button="grey" 
data-link-color="800080" data-text-color="800080">Follow @twitterapi</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

幅を変更する
幅を変更したい場合は、data-widthで指定します。300pxの場合は以下のようになります。

<a href="http://twitter.com/twitterapi" data-width="300px" data-align="right">Follow @twitterapi</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>


関連記事

関連記事





 

Comments are closed.