0

現在インターネット上にない新しいウェブサイトの作成を始めたばかりです。私の最初のウェブサイトなので、すべてが私にとって新しいものです。Facebookのいいねボタンを実装しようとしています。コードを入力しましたが、何も表示されません。TextWrangler を使用して Web サイトを作成し、MacBook Air を使用しています。この情報が役立つかどうかはわかりません。おそらく、メタ プロパティが原因で機能していないのでしょうか? そこに入力する必要がある情報がよくわかりませんでした。

これが私のコードです：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>[]</title>
<meta property="og:title" content="The []" />
<meta property="og:type" content="website" />
<meta property="og:url" content="file:///Users/[]/Documents/Sites/IBS.html" />
<meta property="og:image" content="http://[].jpeg" />
<meta property="og:site_name" content="The []" />
<meta property="fb:admins" content="218100060" />
</head>
<body>
<p>hello</p>
<iframe   src="//www.facebook.com/plugins/like.phphref=file%3A%2F%2F%2FUsers%2Fshikhaverma%2FDocuments%2FSites%2FIBS.html&amp;
send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;font=arial&amp;
colorscheme=light&amp;action=like&amp;height=80" scrolling="no" frameborder="0" 
style="border:none; overflow:hidden; width:450px; height:40px;" allowTransparency="true">
</iframe>
</body>
</html>

お役に立てれば幸いです。ありがとうございました。

4

1 に答える 1

1

問題は、提供したコードが二重にエスケープされていることです。これは、指定した iFrame URL (src) コードのどこにでも「&」があることを意味します。

//www.facebook.com/plugins/like.phphref=file%3A%2F%2F%2FUsers%2Fshikhaverma%2FDocuments%2FSites%2FIBS.html&amp;
send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;font=arial&amp;
colorscheme=light&amp;action=like&amp;height=80

この URL を Web ブラウザに貼り付けてみてください。形式が正しくないため、機能しません。

また、Facebook の「いいね！」ボタンはローカル URL を使用していいねを返すことはできません (この場合、 file:///Users/shikhaverma/Documents/Sites/IBS.html. を使用しました)。オンラインで機能する URL を使用する必要があります。したがって、サイトをオンラインでホストできるようになるまで、オンライン Web サイトのランダムな URL を入力してください。

URL のエスケープを解除しましたが、まだ形式が正しくありません。「like.phpref=file」ではなく「like.php?href=file」にする必要があります。Facebook に戻ってコードを再生成してみませんか。

また、コード エディターに問題はありますか? すべてがダブルエスケープされるのはなぜですか?

編集:ところで、いつでも unescape() JavaScript コマンドを利用してテキストをエスケープ解除できます。詳細については、Mozilla dev を参照してください。

于 2012-12-27T00:06:05.077 に答える