• ベストアンサー
  • すぐに回答を!

FacebookのようなLike!ボタンを作りたい

FacebookのようなLike!ボタンを押すとカウント集計されるようなものと作りたいと考えています。 しかし、通常のフォームやリンクボタンの場合には、ページ全体が更新されてしまうため、 ボタン部分だけが部分更新(投入or未投入)されるボタンを作成したいのですが、 何か参考になるようなプログラム例はありませんでしょうか。 「Facebook いいねボタン 開発」などで検索を行っても、Facebookのボタンをブログなどへ 乗せるための方法ページしか見当たらず、どのような技術要素を用いれば、 部分更新ボタンが作成できるのかわからないでいます。 大変抽象的な質問になり申しわけございませんが、 何か断片的でもかまいませんので、プログラム例が記載された ページをご紹介頂けると大変うれしく思います。 よろしくお願いいたします。

共感・応援の気持ちを伝えよう!

  • 回答数1
  • 閲覧数618
  • ありがとう数6

質問者が選んだベストアンサー

  • ベストアンサー
  • 回答No.1

自分で仕事で作ってるのですが、サンプル用に切り出すのは大変ですし、解説の時間もありません。ざっとした方法は教えられます。 AJAXを使ってください。 1「いいねボタン」をクリックしたら、onClickかイベントで、JavaScript関数を呼び出してください。 2呼び出されるJavaScript関数では、サーバ上のプルグラムにボタンがクリックされたことを知らせる値をポストで送信し、サーバから帰ってきた部分的HTMLを使って、「いいねボタン」が表示されている部分のHTMLを書き換えます。(<div>か<span>タグのIDを目印にして、そのタグのinnerHTMLを書き換える) 3サーバ上のプログラムはうけた値によって処理をして、「投入」みたいな表示に変わる部分HTMLを送信します。 Ajaxの参考書やWEBを検索するとサンプルはあるはずです。 prototype.jsやjQueryを使うとだいぶ楽になります。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

早々のご回答ありがとうございます。 実現に必要な要素技術もわからない状況だったために、 AJAXやjQueryなどキーワードを知ることができ、 これから早速実現方法について改めて調査したいと思います。

関連するQ&A

  • facebook いいねボタン

    会社のホームページにfacebookの「いいねボタン」設置をこころみましたが、いいねボタンは表示されてますが反応しません・・? 自分のサイトに自分のサイトURLでいいねボタンを作成したタグは無効なのでしょうか? 自分のサイトとは別にfacebookのページ(アカウント)も持っていないと駄目なのでしょうか? 自分のサイトとは別(facebook URL)で作成したいいねボタンを自分のサイトに設置するのでしょうか? 理解してなく、質問自体がどう伝えてよいのか? この質問でわかるかたご教授お願いします。

  • Facebookのいいねボタンについて

    ホームページに、下記のサイトのサービスを利用して、Facebookのいいねボタンを設置しようと考えています。 【Like Button】 http://developers.facebook.com/docs/reference/plugins/like/ Facebookのいいねボタンの設置は無料ですか? 初歩的なことですいません。ご教授お願いします。

  • WORDPRESSでFACEBOOKいいねボタンを

    WORDPRESS(無料版使用、ドメインのみ取得)でFACEBOOKの「いいね」ボタンを投稿につけたいと思い試行錯誤を重ねましたが、うまくいきません。いろいろググり、次の様に記述しましたのですが、狙い通りボタンが表示されません。 <タイトル>いいねボタンのテスト 以下投稿の本文 (HTMLというのでしょうか?) いいね <a href="https://www.facebook.com/plugins/like.php?href=https://brasileiro365.wordpress.com/?p=1438&#038;preview=true&#038;width=450&#038;layout=standard&#038;action=like&#038;size=small&#038;show_faces=true&#038;share=true&#038;height=80&#038;appId=フェイスブックのID">https://www.facebook.com/plugins/like.php?href=https://brasileiro365.wordpress.com/?p=1438&#038;preview=true&#038;width=450&#038;layout=standard&#038;action=like&#038;size=small&#038;show_faces=true&#038;share=true&#038;height=80&#038;appId=フェイスブックのID</a> 上記を保存してプレビューしますと、添付画像上部のスクリーンコピーのように表示されます。リンクされた文字の部分をクリックしますと新しくページが開かれ、「いいね」ボタンが下部のスクリーンコピーのように出てきます。 このボタンを投稿したページの下に表示したいのですが、どこが悪いのでしょうか。どのようにすれば、良いのでしょうか教えてください。

  • Facebookの「いいね!」ボタンについて

    Facebookの「いいね!」ボタンの仕組みについて質問させてください。 現在、WordPressで作成中のホームページで各シングルページ(個別記事)にフェイスブックの「いいね!」ボタンをつけました。 そして、フェイスブックでこの作成中のホームぺージの「Facebookページ」を作成しました。 そこで質問なのですが、<meta property="fb:page_id" content="ページID" />をホームページに入れていると、この各シングルページ(個別記事)の「いいね!」ボタンを押すと、ファンページのほうの「いいね!」の数もカウントされるのでしょうか? それとも、Facebookページ用の「いいね!」と各記事に入れた「いいね!」は別モノなのでしょうか? 詳しい方がいらっしゃいましたらよろしくお願いします。

  • Facebookのいいねボタンを英語から日本語に?

    自分のHPにFacebookの「いいね」ボタンを設置したら、そのまま 「Like」ボタンになってしまいました。日本語の「いいね」に変える にはどうしたら良いのでしょう?? せっかく付けたのに、かっこ悪くて泣きそうなんですが・・・。

  • Facebook「いいね」ボタンのサイズ変更

    Facebook「いいね」ボタンのサイズの変更方法を教えてください。 下記サイトから「いいね」ボタンを表示させるコードを作成しました。 https://developers.facebook.com/docs/reference/plugins/like/ しかし、サイズが少し小さいので大きくしようと思いCSSで変更できないか試したのですが、私の知識が低くなかなかうまくいきません。 どなたか「いいね」ボタンのサイズの変更方法か、オリジナル画像にする方法をご存知の方がいらっしゃいましたらご教授お願いします。

    • 締切済み
    • CSS
  • facebookでシェアボタンしかないケース

    ネットで調べていますが、自分が知りたい内容にピッタリあっていると思われるものがありませんでしたので、こちらに質問させていただきます。 最近、facebookページを作成しました。 自分が投稿した記事に『いいね』をつけていただいた方のfacebookにアクセスすると、『シェア』ボタンしか見あたらないケースがほとんどなのですが、こちらから『いいね』やコメントができるようにする方法はないでしょうか。 ご教示のほど、お願いいたします。

  • Facebookのいいね

    芸能人や映画等のFacebookページにいいねができると思うのですが、そのいいね!をしたという情報がページ作成者に伝わると思うのですか、いいねボタンを押す度にその知らせというのは行くのですか? 自分は同じページに何度もいいねしたり外したりしていたので、押す度に通知がいくのか、同じ人間がはじめてそのページにいいねしたときだけ通知がいくのか、お教えください。

  • FC2ブログにFacebookのリンクボタン設置

    みなさん今晩は、質問させてください。 FC2ブログに自分のFacebookのリンクをFacebookボタンを使用して貼りたいのです。 調べても「いいね」や「シェア」のボタンしか見つかりませんでした。 自分のFacebookページへ新しいページで飛べればいいんです。 よろしくお願い致します。

  • フェイスブックの「いいねボタン」設置について

    フェイスブックの「いいね」ボタンを、自社のWEBサイト内に設置したいと思っています。 そこで疑問があるのですが、 1.WEBサイトに設置した「いいね」ボタンをユーザーが押すと、こちらのフェイスブックアカウントと連携してしまう(友達申請のように、お互いの書き込みがお互いのタイムラインに載る)ようになってしまうのでしょうか? それとも連携する・しないを設定時に選べるのでしょうか? 2.フェイスブックは個人アカウントなので、もし連携してしまう場合、フェイスブックページを作りそちらのファンになっていただくような仕組みにすることは可能でしょうか? 詳しい方がいらっしゃったら、ぜひ教えてください。