facebookボタンが表示されない（amazonとの食い合い？）

facebookボタンが表示されない現象が起こったのでメモ。
自分の事例だとAmazonアソシエイトの画像版使用していると出現しなくなるようです。

※もしかしたらWPのプラグインなどの影響もあるのかもしれないので、
「同じ！」「この条件なら表示される」という方がいれば教えて下さい。

 

case1:facebookボタン単体

ソース

テスト

FBいいね！ボタン
<div class=”fb-like” data-href=”http://www.baka-ke.com/” data-send=”true” data-width=”450″ data-show-faces=”true”></div>

amazon
なし

実際の画面

 

case2:facebookボタン+amazonのiframe

ソース

テスト

FBいいね！ボタン
<div class=”fb-like” data-href=”http://www.baka-ke.com/” data-send=”true” data-width=”450″ data-show-faces=”true”></div>

amazon
<iframe src=”http://rcm-jp.amazon.co.jp/e/cm?t=******22&o=9&p=8&l=as1&asins=4832240641&ref=qf_sp_asin_til&fc1=
000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=
FFFFFF&f=ifr” style=”width:120px;height:240px;” scrolling=”no” marginwidth=”0″ marginheight=”0″ frameborder=”0″></iframe>

実際の画面

facebookが消えた！

 

case3:amazonのiframe

テスト

FBいいね！ボタン
なし

amazon
<iframe src=”http://rcm-jp.amazon.co.jp/e/cm?t=******22&o=9&p=8&l=as1&asins=4832240641&ref=qf_sp_asin_til&fc1=
000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=
FFFFFF&f=ifr” style=”width:120px;height:240px;” scrolling=”no” marginwidth=”0″ marginheight=”0″ frameborder=”0″></iframe>

実際の画面

まあ当然といえば当然。表示される。

 

case4:amazonのiframeとfacebookボタン単体の記述を逆にしてみる

ソース

テスト

amazon
<iframe src=”http://rcm-jp.amazon.co.jp/e/cm?t=******22&o=9&p=8&l=as1&asins=4832240641&ref=qf_sp_asin_til&fc1=
000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=
FFFFFF&f=ifr” style=”width:120px;height:240px;” scrolling=”no” marginwidth=”0″ marginheight=”0″ frameborder=”0″></iframe>

FBいいね！ボタン
<div class=”fb-like” data-href=”http://www.baka-ke.com/” data-send=”true” data-width=”450″ data-show-faces=”true”></div>

実際の画面

やはり消える。

一回だけいいねボタンが表示されたのですがとりあえずエラーメモ、未解決の謎として。

関連記事～こちらの記事も参考になるかもしれません

Categories facebook, 未解決の謎 | Comments (2)