ソーシャルシェアボタンの設置方法のまとめです。GoogleアナリティクスによるSNSボタン押下数の効果測定やFacebookでキャッシュクリアしないと正しく出なかったりする件の対処法、ogpタグなど、いくつかハマったものの解決方法も併せて記載しています。 ■ ソーシャルボタンの表示サンプル ■ シェアしたときの表示サンプル(google+の例) 1.対応しているSNS 本記事で対応しているSNSは以下です。 Facebook(※いいねボタンではなくシェアボタンです) Twitter Line Google+ はてブ 2.シェアボタンを実装する前にやること シェアボタンを実装する前に、以下の内容を検討して下さい。 メタタグやogpタグが適切に記載されているか? → ないと魅力半減です。 GoogleアナリティクスでKPI測定するか? → シェアボタン押された回数計測できます 2.1 メタタグ
![WebサイトにSNSシェアボタンを設置する方法のまとめ - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f14ea847606e106ba9e30d02802fd0b56bf8e067/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9V2ViJUUzJTgyJUI1JUUzJTgyJUE0JUUzJTgzJTg4JUUzJTgxJUFCU05TJUUzJTgyJUI3JUUzJTgyJUE3JUUzJTgyJUEyJUUzJTgzJTlDJUUzJTgyJUJGJUUzJTgzJUIzJUUzJTgyJTkyJUU4JUE4JUFEJUU3JUJEJUFFJUVGJUJDJTg2JUU1JThBJUI5JUU2JTlFJTlDJUU2JUI4JUFDJUU1JUFFJTlBJUUzJTgxJTk5JUUzJTgyJThCJUU2JTk2JUI5JUU2JUIzJTk1JUUzJTgxJUFFJUUzJTgxJUJFJUUzJTgxJUE4JUUzJTgyJTgxJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz02OTVmOTliZjhkNGJjMjExMjYwZDIwNTg2MWJhZDExZQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaW1vdG95JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1lYWNhZGJhZGRlMGE1NGY2OTBjMmIzNzEzOTU1NzFkMQ%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Db7b9a27b24ad01c481bdb2498fbf5f03)