SNSボタンのリンク先がトップページに設定されてしまう

###SNSボタンを指定のURLに設定したい
SNSボタン（LINE, FACEBOOK, TWITTER, はてな, POCKET）を設置しましたが、FACEBOOKのシェア、ツイート、はてなブックマークの3つのボタンが押したらトップページへのリンクとなってしまいます。
このページの下段に設置しています。
LINEとFACEBOOKイイね、POCKETのURLは問題なくページのURLに設定できました。

###該当のソースコード

HTML
1<div class="fb-share-button" data-href="<?php $share_url = $_SERVER["REQUEST_URI"]; ?>" data-layout="button_count" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=<?php $share_url = $_SERVER["REQUEST_URI"]; ?>&amp;src=sdkpreparse">シェア</a></div>
2
3
4<a href="https://twitter.com/share" class="twitter-share-button" data-url="<?php $share_url = $_SERVER["REQUEST_URI"]; ?>">Tweet</a>
5
6<a href="http://b.hatena.ne.jp/entry/" class="hatena-bookmark-button" data-hatena-bookmark-layout="basic-label-counter" data-hatena-bookmark-lang="ja" data-hatena-bookmark-width="115" data-hatena-bookmark-height="20" title="このエントリーをはてなブックマークに追加"><img src="https://b.st-hatena.com/images/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="https://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
7
8<div id="fb-root"></div>
9<script>(function(d, s, id) {
10  var js, fjs = d.getElementsByTagName(s)[0];
11  if (d.getElementById(id)) return;
12  js = d.createElement(s); js.id = id;
13  js.src = 'https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.11';
14  fjs.parentNode.insertBefore(js, fjs);
15}(document, 'script', 'facebook-jssdk'));
16</script>
17
18<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
19</script>
20

###試したこと
それぞれのオフィシャルサイトのボタン設置ページからソースを作って貼り付けました。
https://developers.facebook.com/docs/plugins/like-button?locale=ja_JP#configurator
http://b.hatena.ne.jp/guide/bbutton

<?php $share_url = $_SERVER["REQUEST_URI"]; ?>

上記のURLなども試してみましたが、やはりトップページへリンクされます。

行動規範の内容に同意します

回答1件

ベストアンサー

ブラウザ等の設定に依存する現象かもしれません。

例えば、
https://twitter.com/okrt_p07/status/940239578757136384
https://twitter.com/okrt_p07/status/940584272494075904
どちらもFirefoxで同じようにpaizaの採点結果ページでツイートボタンを押してコメントを書き加えただけですが
片方は https://paiza.jp/career/challenges/217/page/result
片方は https://paiza.jp/one_day_campaigns/detail https://paiza.jp/challenges/share/NwWZB-F8mH99kMVbL8v94m5S8N2ufv-vSVVyIi9ORdc?source=social #paiza #24時間限定テストケース開示問題
と、リンクやハッシュタグの含まれ具合が異なってます。

https://paiza.jp のトラッキング保護が有効か無効か、以外の設定は同じだったはずです。（他の設定との相乗効果の可能性もありますが。）

例えば、iOS11やmacOS High Sierraでも「サイト越えトラッキングを防ぐ」という設定があるらしいので、似たような現象が発生するかもしれません。

これが原因だったとすれば、
・トラッキング保護の設定を変えてもらったり、例外サイトに追加してもらったりする
以外の対策としては
・リンクではなく文字列として出力して、手動でアドレスバーに貼り付けしてもらう
ぐらいしか私には思い付きません。
各SNSのオフィシャルサイトのほうで対策してくれたら良いのですが。

投稿2017/12/27 13:54