人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

FACEBOOK いいねボタン設置についての質問です。

こちら↓(FACEBOOK DEVELOPER)のページから、FACEBOOK いいねボタン
設置用のコードを取得して設置するとき、

https://developers.facebook.com/docs/reference/plugins/like/

<iframe での設置を選択した場合は、★★★ の部分に設置ページのURLが挿入
されるかと思います。

----------------------------------------------------------------
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.★★★★.★★;send=false&amp;layout=button_count&amp;width=110&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=************" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:21px;" allowTransparency="true"></iframe>
---------------------------------------------------------------

このコードを各ページに設置する場合、ページ毎に★★★部分が各ページのURLに
書き換わったものを設置することになると思いますが、1ページ毎に書き換えるので
はなく、自動的にそのページのURLが取得され挿入されるようにする方法はないもの
でしょうか?

設置しようとしているページは、静的なHTMLページになっています。

どうぞ、宜しくお願いいたします。




●質問者: cocoopit
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Cherenkov
ベストアンサー

iframeじゃなくて、HTML5、XFBML版にすればページごとに勝手にやってくれるようですね。

<script type="text/javascript">
document.write('<iframe src="//www.facebook.com/plugins/like.php?href='+encodeURIComponent(location.href)+'&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=80&amp;appId=0000000000" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>');
</script>

cocoopitさんのコメント
誠にありがとうございます。 ですが、HTML5 版だと、SNSボタンが正常に横並びにできないという別の問題が発生していて困ってます。 ●<float right>が効かない http://q.hatena.ne.jp/1341562435 解決方法ございませんでしょうか?

Cherenkovさんのコメント
divじゃなくてspanにするとか

Cherenkovさんのコメント
tableレイアウトにはめ込んじゃうとか。<div?をtdにいれる。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ