概要
【Vanilla JS】FacebookやTwitter、LINEなどのシェアボタンを実装する際に、現在のページのURLを動的に取得する処理について。用途
- SNSシェアボタンを実装する際に、動的にシェアするURLを取得したい。
- 開発環境と本番環境のURLが異なる場合などにURLの指定ミスを防ぎたい。
- 動的にシェアするURLを取得するので、複数ページで使用できる。
仕様
- location.hrefで現在ページURLを取得。
- Facebook、Twitter、LINEに対応。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
実装方法
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)