「いいね+シェア」合体ボタン、ページのシェアができなくなった?

facebook Like&Share

記事下のSNSボタンを変更したついでに、ボタンの横幅を伸ばしてFacebookの「いいね!」と「シェア」が合体してるボタンがスマートで気に入ったので設置してみました。

すると、これまで「いいね!」と「シェア」を単独ボタンで設置してた時は問題なく動作していたのが、合体ボタンにしたとたんに、

どのページでボタンを押してもTOPページがシェアされてしまうようになってしまいました!?

単独ボタンも合体ボタンも同じFacebookのデベロッパー から取得してるのに何で??

検索しても原因が分からず、他の人はこんな症状になってないのか?と、あれこれ試しながらボタンをカスタマイズしたことを、ちょっぴり後悔。(^^;)

 

合体ボタン(Include Share Button)

いいねとシェア

↑こんな風に「いいね!」と「シェア」がセットになってるだけですが、機能の仕方も微妙に違うようです。

Facebookデベロッパー の作成画面にて

Facebookデベロッパー

[URL to Like]欄へ自分のブログのURLの後ろに/を付けて入力して、これまでは個別記事ごとにシェアされていたのにできない!

ならばと、空欄のままにしても同じくTOPページがシェアされてしまう!?

Facebookデベロッパー2

私は、HTML5版ですがIFRAME版だとURLが空欄のままだと取得できません。

試行錯誤を繰り返しやっと出来た方法は、
URLを空欄にしたままのプラグインのコード↓

↓これを付け足してshare_url='"http://www.facebook.com/sharer.php?u=" + data:blog.url'

↓こうします。

  これで、記事ページでシェアを押すと、開いてるその記事ページがちゃんとシェアされるようになりました。(o´Д`)=зハァー

過去記事:facebookデベロッパーのID取得について書いてます 

今回の症状はもしかするとカスタムテンプレートの問題かもしれません。
Bloggerの海外テンプレートを使用して同じ症状が出た人のために記事にしてみました。

ほんとは、
一番上の「いいね!+シェア」の合体画像のデザインを作りたかっただけかも?(笑)

最後までご覧いただきありがとうございました。

スポンサーリンク

このページをシェアしてくれたら嬉しいな~(*'∀'人)

テスト
おじぎ猫 訪問ありがとうございました。

お知らせ
スパムが多いため、コメントは承認制になっています。
確認次第、承認と返信をいたしますね。(^^)/

My Youtube
石巻貝を助けるコリドラス 石巻貝を助けるコリドラス
morphing morphing
恐竜体操で食べられた!? 恐竜体操で食べられた!?
ゴジラのパロディ ゴジラのパロディ
アナと雪の猫王 アナと雪の猫王
Prince PURI #2 Prince PURI #2
トカゲ酒飲んで変身!! トカゲ酒飲んで変身!!

 15日月末ポイント消滅 !? 確認はこちら 楽天市場

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

トップへ戻る