ブログにFacebookのいいねボタンを設置する方法

このQ&Aのポイント
  • FC2のブログでFacebookのいいねボタンを設置する方法を教えてください。
  • FacebookのGetcodeから取得した文字コードをどこに設置すればいいねボタンが表示されるのか分かりません。
  • Facebookの宣伝用ページにいいねボタンを設置し、いいねを押すと宣伝ページのいいね数が増えるようにしたいです。
回答を見る
  • ベストアンサー

ブログにFacebookのいいねボタンを設置したい

質問があります。 掲題の通りです。 FC2の掲示板で聞いたのですが、2日ほど返事がないのでこちらで質問させて頂きます。 http://developers.facebook.com/docs/reference/plugins/like-box/ このFacebookのページのGetcodeで文字コードを入手できるのですが、 それを自分のブログのどこにどうすれば設置出来るようになるのかがわかりません。 FC2というブログサービスを利用しています。 このコードをどこに入れればいいねボタンを設置出来るようになるのか・・・。 ちなみにFacebookでもブログの宣伝用ページを持っていて、 ブログにいいねボタンを設置して、いいねを押すと、Facebookの宣伝用ページのいいねが増えるという形にしたいです。 よろしくお願いいたします。

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

  • ベストアンサー
  • mikinon
  • ベストアンサー率56% (612/1075)
回答No.2

独自のタグを付けたいと・・・。 フリーエリアプラグインを使って、サイドバーに表示するぐらいなら、簡単だと思います。 http://fc2blogmanual.blog60.fc2.com/blog-entry-57.html#more 各記事の下に自動で(FC2で用意されてるような形で)独自のいいねボタンを配置するにはテンプレートの編集でHTML,CSSいじらないと無理じゃないかと思います。そちらの知識乏しいのでご勘弁を。 後は、記事書くたびに、記事内に貼り付けるとか・・・ すみません。お役に立てなくて。

yopparaiman
質問者

お礼

工夫したらうまくできました。 ありがとうございました!!!! まだまだ改善の余地はありますが、表示することができたのは感動です。

その他の回答 (1)

  • mikinon
  • ベストアンサー率56% (612/1075)
回答No.1

いいねボタンの設置だけならFC2に標準機能として用意されています。 http://fc2blogmanual.blog60.fc2.com/blog-entry-51.html#more

yopparaiman
質問者

補足

アドバイスありがとうございます。 確かにこの機能は有効にしています…。 なんというか、宣伝みたいになってすいません。 これがFacebookページです。 http://www.facebook.com/pages/Remains-Magazine/124459537633329?sk=page_getting_started で、自分のブログに置いたいいねボタンを押すと、上記のFacebookページの ○○人がいいねといっています。が加算されていくようにしたいのです。 ブログのエントリーの後にあるいいねボタンは、個人個人が、いいねと言っています。とFacebookで紹介されるやつじゃないでしょうか?

関連するQ&A

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

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

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

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

    • 締切済み
    • CSS
  • FC2ブログにFacebookのリンクボタン設置

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

  • FacebookのLike Boxが真っ白

    FacebookのLike Box内の記事が今日(昨日?)から突然表示されなくなりました。 公式サイトでコードを取得し直そうとしてみたのですが、「Show Posts」にチェックを入れるとやはり記事が表示されない状態となります。 https://developers.facebook.com/docs/plugins/like-box-for-pages 同様の現象に遭遇された方、また対策をご存じの方はいらっしゃいますでしょうか?

  • HPに「いいね!」を追加したいが何故かできません。

    https://developers.facebook.com/docs/reference/plugins/like-box/ Facebook Page URLに自分のFacebookページのURLを入力すると右側にプレビューが表示されるのですが プラグインコードを入手しホームページ製作ソフトでプレビューすると20秒くらい固まってから 「このプログラムではこのWEBページを表示できません」と出るか何も表示されません。 HTML5 XFBML IFRAME と3種類コードができますがどれもだめです。 できればIFRAMEで配置したいのですがどこが間違っているのでしょうか?

  • FacebookからFC2ブログへの投稿

    FacebookとFC2ブログを連携したいと考えています。 FC2ブログからFacebookへの投稿は「ブログの設定」でできますが、 その逆、FacebookからFC2ブログへの投稿はできないでしょうか? 何か方法がありましたら、教えてください。

  • WORDPRESSでFACEBOOKいいねボタンを

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

  • FBのいいねボタンが表示されません!

    https://developers.facebook.com/docs/plugins/like-button このページを参考にして、Get codeでソースを拾ったのですが、まず上のコードを<body>直下に、下のコードを表示したい場所に記述しましたが、何も表示されません。 ローカルでの確認です。 もしかしてサーバー上でないと確認できないのでしょうか? それと、いいね!ではなく、海外のサイトなのでlike!にしたいと思います。ソースのどこかをen-USなど変換すればいいのでしょうか。 どうぞ宜しくお願い致します。

  • WebサイトにLikeボタンを設置したいです。

    はじめまして。 質問するのは初めてですが、よろしくお願いします。 私は現在Webサイトを作成しております。 サイトのページのひとつに、写真をズラーっと縦1列に並べたページがあります。 その写真1枚1枚に、YouTubeに設置されているような「Likeボタン」を設置したいと 思っています。 Facebookの「いいねボタン」とは別の、誰でも気軽に押せる「Likeボタン」です。 一人で何回でも押せても構わないので、設置の仕方を教えていただけないでしょうか。 ※ページの下部にある「Likeボタン」を押しても、ページの先頭へいってしまわないよ うにしたいです。 PHPはほとんど初心者です。どうぞよろしくお願いします。

    • 締切済み
    • PHP
  • いいねボタンのコメント用ポップアップが消える

    こんにちは. HTML初心者です. Facebookのいいねボタンを設置したところ,正常に動作しないようなので質問させていただきます. 【症状】 ウェブページに設置したFacebookのいいねボタンを動作確認のためにボタンをクリックしたところ, 表示されるはずのコメント用ポップアップが一瞬表示された後,何も操作していないのにすぐに消えてしまい困っています. この時点ではいいねボタンのカウントは増えません. ポップアップが消えた後は,いいねボタンが「承認」という文字になり,クリックすると別ウィンドウで「「いいね!」を認証」というページのポップアップが現れ,「いいね!」または「キャンセル」を選べるようになります. ここで「いいね!」を押すとカウントは増えるのですが,コメントを書き込むことができません. コメントを書いた上でいいね!と押せるようにしたいのです. 【動作確認したパソコン】 Windows XP 【動作確認したブラウザ】 Google Chrome (バージョン 24.0.1312.57 m) Firefox (バージョン 16.0.2) 以下にソースコードの一部を示します. 埋め込みコードはFacebookコネクトのページ (http://developers.facebook.com/docs/reference/plugins/like/) から発行しました. HTML5で記述しています. (XFBMLでも試しましたが,同様の症状が出ました.) ======================================== 【HTMLタグ】 <html xmlns="http://www.w3.org/TR/xhtml1" lang="ja"> 【BODYタグ内】 <!-- Facebook共有ボタンスクリプトここから --> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <!-- Facebook共有ボタンスクリプトここまで --> <!-- Facebook共有ボタンここから --> <div class="fb-like" data-href="<!-- 表示させたいページのURL -->" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div> <!-- Facebook共有ボタンここまで --> ======================================== オブジェクトデバッガ(http://developers.facebook.com/tools/debug/og/object)で確認しても, 特にエラーや警告はありませんでした. コメント用ポップアップを正常に表示させるにはどのようにしたらよいでしょうか. iframe版は正常に動作することを確認済みです. iframe版のほうがIEでも表示できるなどのメリットがあり,そちらのほうが推奨されていますが, コメントも書き込めたほうがいいので,HTML5かXFBMLで設置したいと考えております. なにか足りない情報やご指摘がありましたらご連絡ください. よろしくお願いいたします.