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<1=_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<1=_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<1=_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>
実際の画面
やはり消える。
一回だけいいねボタンが表示されたのですがとりあえずエラーメモ、未解決の謎として。
こんにちは。私も同じ現象に見舞われています。もし、解決策が見つかりましたら記事にしたためて頂けると幸いです。
失礼致しました。
こんにちは!コメントありがとうございます。
同じ方がおられたのですね。解決策が見つかりましたら別途更新させていただきます!