こんにちは.
HTML初心者です.
Facebookのいいねボタンを設置したところ,正常に動作しないようなので質問させていただきます.
【症状】
ウェブページに設置したFacebookのいいねボタンを動作確認のためにボタンをクリックしたところ,
表示されるはずのコメント用ポップアップが一瞬表示された後,何も操作していないのにすぐに消えてしまい困っています.
この時点ではいいねボタンのカウントは増えません.
ポップアップが消えた後は,いいねボタンが「承認」という文字になり,クリックすると別ウィンドウで「「いいね!」を認証」というページのポップアップが現れ,「いいね!」または「キャンセル」を選べるようになります.
ここで「いいね!」を押すとカウントは増えるのですが,コメントを書き込むことができません.
コメントを書いた上でいいね!と押せるようにしたいのです.
【動作確認したパソコン】
Windows XP
【動作確認したブラウザ】
Google Chrome (バージョン 24.0.1312.57 m)
Firefox (バージョン 16.0.2)
以下にソースコードの一部を示します.
埋め込みコードはFacebookコネクトのページ
(http://developers.facebook.com/docs/reference/pl …)
から発行しました.
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/ob …)で確認しても,
特にエラーや警告はありませんでした.
コメント用ポップアップを正常に表示させるにはどのようにしたらよいでしょうか.
iframe版は正常に動作することを確認済みです.
iframe版のほうがIEでも表示できるなどのメリットがあり,そちらのほうが推奨されていますが,
コメントも書き込めたほうがいいので,HTML5かXFBMLで設置したいと考えております.
なにか足りない情報やご指摘がありましたらご連絡ください.
よろしくお願いいたします.
A 回答 (1件)
- 最新から表示
- 回答順に表示
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
inputのtextとsubmitの高さがズ...
-
メールフォームでの送信確認か...
-
submitボタンにvalue属性の値で...
-
htmlで画面遷移させたい
-
[]を付けずにcheckboxの値を複...
-
Dreamweaver4でのクローズボタン
-
リンクでPOSTデータを送信する...
-
ボタンのなかに表示する文字を...
-
プルダウンと実行ボタンの色を...
-
<form>中の<button>タグのv...
-
ハイパーリンクをインプットボ...
-
DataGridViewのチェックボック...
-
エクセルVBAで画面の大きさを取...
-
チャレンジタッチの画面にスマ...
-
Q&Aフォームを作成したいのです...
-
Accessの画面更新を一時的に停...
-
別ブラウザにセッションを渡す...
-
Webページ上のボタン等の位置を...
-
aspxをhtmlに変換する方法について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
submitボタンにvalue属性の値で...
-
checkboxとlabelがずれる
-
リンクでPOSTデータを送信する...
-
getParameterで値が取得できず...
-
SUBMITボタンを表示させないでS...
-
<FORM> </FORM> の中に さらに...
-
ボタンのなかに表示する文字を...
-
formでのtarget="_blank"2回目
-
INPUTのボタン周囲のスペース
-
戻ると、記入フォームの内容が...
-
チェックボックスの値をコピー
-
ボタンをクリックした時に、入...
-
HTMLのKEYとVALUE...
-
HTML ラジオボタン nameの大文...
-
HTMLでのid とnameの違い
-
formの送信ボタンをテキストに...
-
<form>中の<button>タグのv...
-
グーグルマップの文字化けで困...
-
input button の文字の色を2色...
おすすめ情報