【修正お願い！】当ブログのシェアボタンを使っていただいている方のFacebookボタンで不具合が生じています！

このブログのシェアボタンを使っていただいている方で、ある条件からFacebookのシェボタンが機能していないことが分かりましたので、改善策です。

対象となる記事はこちらです。（こちらの記事ではすでに修正済みです）

www.yukihy.com

また、シロマティさんのを使っている方はこちら

http://shiromatakumi.hatenablog.com/entry/2016/05/18/070000shiromatakumi.hatenablog.com

シュンさんのを使っている方はこちら

www.ituore.com

に、対応方法がすでに書かれているので、そちらからお願いします。

また、発見されたツトムさん、本当にありがとうございます！m( )m

hny.blkt.net

症状
改善策
まとめ

症状

モバイルのブラウザからフェイスブックボタンを押してシェアをしようとすると、シェアできずにこういった画面になってしまいます。

f:id:ftmaccho:20160518131841p:plain

実は数週間前からこういった画面になっちゃいますという報告があったのですが、文章を読むと「今なるはやで直してるよ」と書かれていたので、フェイスブック側の問題だと認識して放置していました。すみませんm( )m

なので、もしかしたらしばらくたつとフェイスブック側が対応してくれるのかもしれません。フェイスブックの開発ページやGoogle検索しても情報は見つけられませんでした。

改善策

改善する場合は、先ほど貼ったリンクに書かれているのですが、

HTML（記事上・記事下などご自身がシェアボタンを貼ったところにある）に、

<!--シェアボタン-->
<div class="share-3d">
<span style="font-size: 8px">シェアする</span>
<div class="share-3d-inner">
<!--はてブ-->
<a href="http://b.hatena.ne.jp/entry/{URLEncodedPermalink}" class="hatena-bookmark-button" target="_blank" data-hatena-bookmark-title="{Title}" data-hatena-bookmark-layout="simple" title="このエントリーをはてなブックマークに追加"><i class="blogicon-bookmark lg"></i><br> <span class="hatebu-count small-text"><i class="fa fa-spinner fa-spin"></i></span></a>
<!--Facebook-->
<a href="http://www.facebook.com/sharer.php?u={URLEncodedPermalink}" class="facebook-button" onclick="window.open(this.href, 'FBwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;" ><i class="blogicon-facebook lg"></i><br><span class="facebook-count small-text"><i class="fa fa-spinner fa-spin"></i></span></a>
<!--Twitter-->
<a href="http://twitter.com/intent/tweet?text={Title} {URLEncodedPermalink}" class="twitter-button" target="_blank"><i class="blogicon-twitter lg"></i><br><span class="small-text">Twitter</span></a>
<!--Googleプラス-->
<a href="https://plus.google.com/share?url={URLEncodedPermalink}" onclick="window.open(this.href, 'Gwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;" class="googleplus-button"><i class="fa fa-google-plus"></i><br><span class="small-text">Google+</span></a>
<!--Pocket-->
<a href="http://getpocket.com/edit?url={URLEncodedPermalink}" class="pocket-button" target="_blank"><i class="fa fa-get-pocket"></i><br><span class="small-text">Pocket</span></a>
</div>
</div>

というところがあると思います。この中の

Before

<!--Facebook-->
<a href="http://www.facebook.com/share.php?u={URLEncodedPermalink}" class="facebook-button" onclick="window.open(this.href, 'FBwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;" ><i class="blogicon-facebook lg"></i><br><span class="facebook-count small-text"><i class="fa fa-spinner fa-spin"></i></span></a>

の部分を

After

<!--Facebook-->
<a href="http://www.facebook.com/sharer.php?u={URLEncodedPermalink}" class="facebook-button" onclick="window.open(this.href, 'FBwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;" ><i class="blogicon-facebook lg"></i><br><span class="facebook-count small-text"><i class="fa fa-spinner fa-spin"></i></span></a>