facebookいいねボタン設置覚書-2

いろいろ、試行錯誤したのですが、

ブログ記事の表示がトップページなら
　　$('a[href]','.entry-header').attr('href')で取得したＵＲＬを使い
トップページでないなら、
　　location.hrefで取得したＵＲＬを使用する。

という条件制御をしようとしたのですが、作り方が悪く、うまくいきませんでした。

Tweetボタンを併用することで、Tweetボタンが持っているURL情報を取り込もうとしたのですが、トップページのように複数の記事が表示されている時の反映のしかたが、見つかりません。

すぐに、完成とは行かないようなので、トップページと固定リンクの切り分けはしばらくお預けにして、とりあえず、ボタンだけ貼りました。

昨日のスクリプトとの違いは
http%3A%2F%2Fanocora.cocolog-nifty.com%2Fblog%2F→'+location.href+'に変えて、記事のＵＲＬを反映させているところだけです。

<script type="text/javascript"> $(function() { $(".entry-footer-links-twitter").after('<iframe src="//www.facebook.com/plugins/like.php?href='+location.href+'&amp;width=100&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=false&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>'); }); </script>

テキストエリアのスクリプトをコピーして、ブログのサブタイトル欄に貼るだけで、ブログのＵＲＬは気にせず、お使いいただけます。

まだfacebookへのいいねの反映が出来ているか確認中です。

不具合が見つかったら、別記事でアップします。