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

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

 

case1:facebookボタン単体

ソース

テスト

FBいいね!ボタン
<div class=”fb-like” data-href=”https://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=”https://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=”https://www.baka-ke.com/” data-send=”true” data-width=”450″ data-show-faces=”true”></div>

実際の画面

やはり消える。

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


“facebookボタンが表示されない(amazonとの食い合い?)” への2件のフィードバック

  1. こんにちは。私も同じ現象に見舞われています。もし、解決策が見つかりましたら記事にしたためて頂けると幸いです。
    失礼致しました。

    1. こんにちは!コメントありがとうございます。
      同じ方がおられたのですね。解決策が見つかりましたら別途更新させていただきます!

tahni にコメントする

CAPTCHA