SNSシェアボタンで現在のURLを動的に取得するJavaScript処理

[ ID : 3022 ]
シルバー
SNSシェアボタンで現在のURLを動的に取得するJavaScript処理
実装目安
3分

概要

【Vanilla JS】FacebookやTwitter、LINEなどのシェアボタンを実装する際に、現在のページのURLを動的に取得する処理について。

用途

  • SNSシェアボタンを実装する際に、動的にシェアするURLを取得したい。
  • 開発環境と本番環境のURLが異なる場合などにURLの指定ミスを防ぎたい。
  • 動的にシェアするURLを取得するので、複数ページで使用できる。

仕様

  • location.hrefで現在ページURLを取得。
  • Facebook、Twitter、LINEに対応。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)

実装方法

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

関連記事

新着記事

全ての記事を見る

KONOCODEのメリット 無料会員登録