snsのシェアボタンを設置する方法

Question

facebookやtwitterなどのシェアボタンを作成したphpファイルに設置したいです。wordpressのプラグインを使うのではなく、自作で設置したいです。
facebookとtwitterのシェアボタンを設置したのですが、facebookは

エラーが発生しました。

すみやかに解決できるよう作業しております。

と表示されます。コードは

 <a href="https://www.facebook.com/sharer/sharer.php?u=http://localhost:8888/wordpress/固定ページ名>">シェア</a> 

です。

また、twitterのコードは

 <a class="twitter-share-button" href="https://twitter.com/share"
 data-lang="ja" data-count="vertical">ツイート</a>   

です。こちらはエラーが出ていませんでしたが、古いコードなので正しいコードなのかわかりません。

両方とも古いコードなので今提示したコードのどこに誤りがあるか教えてください。

Answer 1

<a href="https://www.facebook.com/sharer/sharer.php?u=https://teratail.com/questions/55290">シェア</a>

https://www.facebook.com/sharer/sharer.php?u=https://teratail.com/questions/55290
実際に存在するURLじゃないとだめだった気がする

Comments

[diamonddogs]

実在するurlです。

[diamonddogs]

間違えてベストアンサーにしてしまいました。
また、Twitterのコードは正しいですか？

[date]

twitterはそのままでツイートを押すことで
リンクをあなたのフォロワーに共有する
画面に行きツイートできました。

[diamonddogs]

では、Twitterは大丈夫なんですね！

[diamonddogs]

Facebookは<a href="https://www.facebook.com/sharer/sharer.php?u=wordpressの固定ページ">シェア</a>
でシェアしたいのですが、難しいですか？

[date]

固定ページ名>">
固定ページ名">
にしてみて下さい

[diamonddogs]

固定ページ名>">でいいのですか？

[date]

>">の左の>がいらないです
urlに>が入ってしまいます

[diamonddogs]

やってみたのですが、エラーが出ます。

[date]

もう見ないでしょうが、localhostではだめだった。
実際に外部からつながるurlではないとだめなようです。
質問者さんがもっているかどうかわかりませんがlocalhost以外のURLで試してください

[diamonddogs]

やってみます！