ソーシャルボタン(Twitterのフォローボタン、Facebookのオススメボタン)を設置する

公開日: : 最終更新日:2014/04/20 Facebook, IT, Twitter


サイトにソーシャルボタンを設置しようと思いちょこっと調べてみました。

 設置するボタン

今回設置するのは以下の2つのボタン

  • Facebookの「オススメ」ボタン

    • 「いいね」ボタンもありますが、今回は「オススメ」ボタンのほうを選択しました。
  • Twitterのフォローボタン

 設置方法

 Facebookの「オススメ」ボタン

まず、自身の開発者アカウントを認証する必要があります。
Facebookから自身の携帯電話にメールを送信して認証キーを受け取りアカウントを認証する方法があります。
認証が終わらないと以下のようなエラーが出ます。

Only verified developers can be added as listed developers of this application. Read http://www.facebook.com/help/?faq=17580 for details.

認証が終わったら以下のサイトで「オススメ」ボタンを簡単に作ることができます。
Facebook Like Button
※Get Codeでソースが表示されたら「en_US」の箇所を「ja_JP」に変更しておきましょう。

 Twitterのフォローボタン

自前でアイコンを作ろうかと悩んだものの、公式のがあったのでそのまま利用しました。
以下のサイトに行って、「ユーザ名」入れるぐらいでできます。
Twitter / ?
※他にツイートボタンも簡単に用意することができます。

 設置

設置方法で手に入れたコードを表示したい箇所にコピペすれば全ては完了です。

広告

関連記事

no image

Jenkins+Capistranoを設定した時にしたこと -「ポート変更」「公開鍵認証」対応-

* 前段階 上記にあるように、Jenkins+Capistranoの設定をしています。 ただし、設

記事を読む

no image

iPhoneアプリ開発 - touchesBeganとUITapGestureRecognizerの差(タッチとタップ) –

「画面にある画像を移動させたい」とか、「画面に線を書きたい」ということがあるかと思います。 ぐぐると

記事を読む

no image

CAPTCHAの導入方法 -KCAPTCHAの導入-

CakePHP(1.2、1.3)にKCAPTCHAを導入してみたのでメモ。 * CAPTCHA

記事を読む

no image

github-flowを使っての開発(3) -1つのプロジェクトを複数人で開発-

今まで2回ほどgithub-flowをもとにした開発の流れを書きました。 今回は、複数人で開発をする

記事を読む

mixisample

iPhoneアプリ開発 -mixiSDKを使ってmixi連携をしてみる(1)-

* やりたいこと iPhoneアプリでmixiと連携し、mixiボイスなどに文字を投稿する。 ※

記事を読む

スクリーンショット 2013-04-27 11.46.12

githubを使っての開発(2) -masterブランチにマージ-

前エントリーでgithub-flowをもとにした流れを書いたのですが、その中のマージについてもう少し

記事を読む

no image

PhoneGapを触ってみた(2) -実機でテスト編-

* 今までの流れ - * 自分の端末で動かしてみよう 今回は、PhoneGapで作成したアプリを実

記事を読む

no image

FacebookページをFacebookアプリで表示 -iPhoneアプリ編-

* やりたいこと Facebookアプリを入れている人には、アプリでFacebookページで表示。

記事を読む

no image

jQuery Mobileでミスしたこと -JSだけ最新にしてしまってレイアウト崩れたの巻-

* 前提(CDN先) jQuery Mobileを使う場合、cssを自前のサーバにおいて、jsはC

記事を読む

no image

Selenium2.0でUIテスト(2) -Rubyでやってみよう-

前回は、Selenium + PHPを試しました。 今後はRubyでやってみようということでSele

記事を読む

広告

Message

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

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

広告

no image
[感想] Effective Objective-C 2.0 ☆☆☆☆★(4.5)

* 構成 - 第1章 Objective-Cに慣れる -

no image
[感想] iOSアプリテスト自動化入門 ☆☆☆(3.0)

* 構成 - Chapter 1 テスト自動化への取り組み

DeployGateを試してみた(iOS編) -DeployGateがiOSに対応-

今までのDeployGate - -[http://pplace.

iPhone/iPadアプリを開発するためにやったこと

今までに、iPhoneを3本ほどリリース((リリースしたアプリは全て1

no image
ターミナルでgitのコマンドを補完したりブランチ名を表示する – macでgitを便利に使うために –

* やりたいこと macのターミナルでgitをいじっていると -今の

→もっと見る

PAGE TOP ↑