Facebook のようなページ ボックスを Squarespace Web サイトに追加しようとしていますが、問題が発生しています。
ボックスのコードは facebook から生成されます。開発モードでは正常に動作し、いいねボックスが正常に機能していることを示しています。しかし、ログアウトしてウェブサイトを表示していると、「アクセスしようとしているページは制限されているか、利用できません」というエラーが表示されます。
FBから入力したコードは次のとおりです。
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FNexus-Magazine%2F116070391739244&width=250&colorscheme=light&show_faces=true&stream=true&header=true&height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:427px;" allowTransparency="true"></iframe>
Squarespace のサポートに連絡したところ、次のような回答がありました。Squarespace は、コードのトラブルシューティングやサポートを提供していません。コードが正しいことを確認するために、ソースに対して使用しているコーディングの有効性を確認する必要があります。
そうは言っても、問題を特定する過程で、Facebookの「ボタン」のコーディングを修正することができました。参照しようとしていたページのアドレスに、「http://」の「:」や「//」などの適切な文字が表示されませんでした。すべての文字が、特殊文字の HTML コーディングとして表示されていました:「%2」 " = "/"
Facebook ページのコーディング内でこれらの文字の HTML 表現を変更すると、問題は解決しました。
元のコードを次のように変更しました。
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/Fpages/FNexus-Magazine/F116070391739244&width=270&colorscheme=light&show_faces=true&stream=true&header=true&height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:427px;" allowTransparency="true"></iframe>
問題は解決されませんでしたが。
何かアイデアはありますか?
前もって感謝します!
乾杯、
スコット