サイト制作時に、フェイスブックやツイッター、ラインなどのソーシャル拡散メニューを置くとき、現在のページのURLやタイトルタグやdiscriptionを動的に拡散し、なおかつボタンはオリジナルのボタンにしたいことがあります。 PHPを使えない環境やwordpressでもない環境のとき用に、javascriptとjqueryで対応する方法を記載しました。 ↓まずはデモを確認 サンプルページ head内のタグ まずはhead内にjquery読み込みます。 現在のURLやtitleタグ内やdescriptionを動的に取得するjavascriptを書きます。 facebook用のmata ogも入れておきましょう。 <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> <script> //現在のページURLと
![SNS拡散ボタンをオリジナル画像で現在のURL・タイトル・descriptionをjavascriptで表示する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/7df557591974ab819025757ea7145234faf21e27/height=288;version=1;width=512/https%3A%2F%2Fwryoku.com%2Fwp-content%2Fuploads%2F2017%2F08%2Fnoimages.png)