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

      2014/10/08

connect-20333_1280

SEO対策に欠かせないSNSとの連携ですが、僕が使用させていただいているWordPressテーマ「STINGER3」にもデフォルトで設置されています。ツイート・いいね!などその記事を拡散させる為のボタンです。しかしTwitterの「フォロー」などブログ自身へのファン登録ボタン類は設置されていません。一過性の記事拡散も大事ですが、そのブログのファンを増やす事はもっと大事です。そこで当ブログにもSNSファン登録ボタンを設置してみました。今回設置したのは

  • Twitter
  • Facebook
  • Google+
  • Feedly

の4種のボタンです。それでは順番に行きましょう。まずはそれぞれのウィジェットのコードを取得する必要があります。

スポンサーリンク

SNSファン登録ボタンを作成する

Twitterのフォローボタンを作成する

ボタン作成ページにジャンプします。Twitterにログイン状態のままだと、面倒がなくておすすめです。

Followボタンにチェックマークを入れます。

日本語を選択するとボタンが日本語表記になります。

右下のコードをコピーしてエディタ等に保存しておきます。

https://about.twitter.com/resources/buttons

1ツイッター

Facebookのlink Boxを作成する

次にFacebookのLinkBoxを作成します。フレンドのアイコンが並んだ、よく見るアレです。

チェックボックスで外観を調整します。僕は全てのチェックボックスを外しました。

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

https://developers.facebook.com/docs/plugins/like-box-for-pages/

2フェイスブック

「IFRAME」を選択して、コードをコピーしておきます。

3IFRAME

Google+バッジを作成する

次にGoogleバッジを作成します。

各種スライダー等で、バッジのデザインを調整します。

右下のコードをコピーして、エディタ等に保存しておきます。

https://developers.google.com/+/web/badge/?hl=ja

4グーグル

Feedlyボタンを作成する

ちまたで噂の「Feedly」ボタンを設置します。

STEP1:好きなボタンデザインを選択します

STEP2:サイトのURLを記入します。

STEP3:出来上がったコードをコピーします。

http://www.feedly.com/factory.html

5feedly

SNSファン登録ボタンを設置する

続いて、先ほど作成したボタン類をサイトに設置します。SNS用のphpファイルを作成しておくと分かりやすいです。私が導入させていただいているSTINGER3にはデフォルトで「SNS.php」がありますので、テーマ編集で先ほどのコードを追加します。

</pre>
<div style="background-color: #f3f3f3; padding: 10px; margin-bottom: 10px;">
ブログの情報はこちらで配信しています。
<div style="padding-bottom: 10px;"><!-- このスペースにTwitterのコードを貼り付けてください。 --></div>
<div style="padding-bottom: 10px;"><!-- このスペースにFacebookのコードを貼り付けてください。 --></div>
<div style="padding-bottom: 10px;"><!-- このスペースにGoogleバッジのコードを貼り付けてください。 --></div>
<div><!-- このスペースにFeedlyのコードを貼り付けてください。 --></div>
</div>
<pre>

上記コード内に各SNSボタンのコードをペーストして、全てのコードを「SNS.php」に記載します。すると

SNS画像

こんな感じでボタンが設置できます。

 -ブログのSEO

ad

  • このエントリーをはてなブックマークに追加
  • follow us in feedly
  •    
 
最後までお読みいただき、ありがとうございます。よろしければSNSでフォローをいただけると感謝です。
プロフィール
follow us in feedly

  関連記事

さくらサーバーでサブドメイン「/wp/」にインストールしたWordPressをドメイン直下に表示させる方法

さくらインターネットのレンタルサーバーでは、クイックインストールでドメイン直下にワードプレスをインス

Amazonアソシエイトの審査に受かる方法

意外に難しい?アソシエイト(アフィリエイト)の審査基準 ブログでアフィリエイト収入を目指すにあたって

ウェブマスターツールでサイトマップ登録

ウェブマスターツールでGoogleにサイトマップを登録 サイトマップとはサイト内のコンテンツをカテゴ

Google自動ペナルティが解除されたようなので、記念に投稿してみる

「駆け出しブロガーにとって最もつらいもの、それはグーグルのペナルティではないだろうか」 ども、TEN

wordpress image

おすすめのレンタルサーバー『WPX』。WordPressでブログをやるならコレしかない!

個人で手軽に始める事ができるブログは、情報発信やアフィリエイトなど様々なことができます。 中には月に

はてなブックマークでホットエントリーしそうな記事タイトルを自動で生成してくれる「ホッテントリメーカー」が便利すぎる

今宵はブログタイトルと戯れたい・・・。(トップの画像は記事とは関係ないですが、目の保養ってことで)

初心者が知っておきたいSEOの9つの真実

SEO対策には実用的なものから都市伝説にいたるまで、様々な内容が叛乱してます。特にブラックなSEO業

またしてもアクセス数激減!原因とその対処法(アルゴリズムに読み勝て!)

開設から4ヶ月が経過したこのTENSBLOGだが、ここ最近は3ヶ月の壁を突破したようで着実にPVを上

AmazonJS導入でCTR(クリック率)を上昇させる

どうすればCTR(クリック率)を上げられる? せっかくアソシエイト広告を設置してるんだから、出来るだ

ブログでPVを稼ぐことができる「大衆向け」記事とは?2014年の話題になったニュースをジャンル毎に紹介

大衆向け記事が人気を博すという現象は、なにもブログに限った話ではありません。 テレビ・雑誌・WEBな

  Message

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

ad

安い肉を使ったトンカツや唐揚げが劇的に旨くなる作り方。出し巻き卵もね

この前テレビでやってた内容を備忘録として記述しておく。 クソ安いクズ肉で作った料理が、高級食材を使っ

大久保加代子さんをギリいける感じのオバサマに修正してみた

ブス芸人として絶大なる人気を誇る大久保加代子さんを、Photoshopを使って「これぐらいならギリ喰

夏の汗対策を考えてみた

暑い日に外に出るとどうしても汗をかいてしまいますよね。僕は汗っかきな方なので、初夏でも30分も外にい

Macbookair用のノートパソコンスタンドを自作してみた

Macbook airは軽くて使いやすいPCですが、唯一の難点はモニターが小さいことです。 ブラウジ

九州で大寒波!寒波を乗り切る知識&グッズ

今週末(1月23〜25日)には約40年ぶりといわれるような大寒波が西日本に到来するようです。 九州に

  • WordPressテーマ「AMORE (TCD028)」 

    WordPressテーマ「CORE (TCD027)」 

    WordPressテーマ「Gorgeous (TCD013)」