ブログの追尾型サイドバーにSNSリンクを表示する方法

今日は、SNSからのアクセスを伸ばしたい人に向けた記事を書きます。

SNSからのアクセスを伸ばすには？

方法はシンプルでFacebookページ、twitterアカウントのフォロワー、RSS購読者を増やす事です。SNS、RSSで記事を配信する際に、リーチできる人が多ければ多いほど、記事リンクをクリックしてくれる人チャンスが広がるわけですから、この3つをフォローしてもらう事が必須条件となります。では、SNSページをフォローしてもらうにはどうすればいいのでしょうか？

フォロワーを増やす方法

SNSページをフォローしてもらうには、ブログの至る所にFBページのいいねボタンやリンクを設置する必要があります。その１つとして本ブログでは追尾型サイドバーを活用しています。

追尾型サイドバーとは、ページのスクロールと共に動いて読み手を追いかけてくるサイドバーの事です。

これがあれば、読み手は「なんだろう？」と惹きつけられるので、通常のサイドバーよりもクリックしてもらうチャンスが高まります。今回はこのサイドバーをブログに導入する方法を説明していきます。

Stingerを使えば、追尾型を簡単に設置できる

まずは、WordPressテーマの「Stinger」を導入しましょう。こちらの記事でも紹介しましたが、Stingerはスマホ対応もしてくれますし、SEO効果も高いWordPressテンプレートです。運用が楽になりますので、こちらの記事を参考に設置してみてください。

次に、WordPressダッシュボードから「外観」→「ウィジェット」を選択します。

すると、画面右に「スクロール広告」という箇所があるので、そこにfacebookページやtwitterアカウント、Feedlyのリンクコードを設置します。
コードは以下のテンプレートを利用してください。

<div id="follow-me">
<table>
  <tr><td style="border:none;"><a href="facebookページのURL" target="_blank" title="Follow ブログで生活したい人に向けた情報源らふらく^^'s public updates"><img src="facebookアイコンのパス"></a>Facebook</li></td>
  <td style="border:none;"><a href="twitterアカウントURL" target="_blank" title="ブログで稼ぎたいと思っている方はTwitterでらふらく^^さんをフォローしましょう"><img src="twitterアイコンのパス"></a>Twitter</td>
  <td style="border:none;"><a href="FeedlyのURL" target="_blank" title="Feeldyでらふらく^^をフォロー"><img src="feedlyアイコンのパス"></a>Feedly</li>
</td>
</tr>
</table>
</div>

これらを貼付ければ、完了です。これでユーザーにfacebookページやtwitterアカウントリンクをクリックしてもらいやすくなり、SNSやRSSからのアクセスアップが見込めます。