SNS シェア用リンク生成ツールを作ってみた

Title

SNS シェア用リンク生成ツールを作ってみた

Date

2019-09-04

今回は、『SNS シェア用リンク生成ツールを作ってみた』ということで書いていきます!

なぜ SNS シェア用リンク生成ツールを作ったのか

仕事で SNS のシェア用のリンクを作成する際に間違いがあったままリリースになってしまうことが何度かございました。。。

実際、各 SNS で URL やパラメーター、日本語をエンコードしたりと結構作業が多く、web のエンコードツールからコピペしたりしていると結構ミスが出てしまいます。

そこで、必要項目を入力すればリンクをサクッと作ってくれるツールが欲しいなと思い、UI とか雑ですが、とりあえず業務用に作ってみました。

完成品

以下に完成品の URL を載せておきますので、ご利用ください。

https://korsmic.github.io/JWS-Blog/sns-share/

仕事で使うことが多い、以下の 3 つの生成が可能です。

  • twitter
  • LINE
  • Facebook

使い方

  • 各項目に情報を入力
  • 出力 BOXにコードが吐き出されます。(日本語はエンコード処理が掛かります。)
    • 吐き出されたコードは a タグに張ったりしてご利用ください。
  • 確認用ボタンをクリックすれば別タブでリンクが開きますので、確認も楽々です。

まとめ

こういったツールを内部的に作ることはあるのですが、外部公開したのは今回がはじめてかもしれません! meta 周りを一括で作れるツールもあるようです。 https://www.heymeta.com/

こういった og のジェネレーターも作ってみたいなと思っています。 pug と HTML の両方で吐き出してあげたりすると使い勝手いいかも・・・。

制作パートナー(外注)をお探しの制作会社様・広告代理店様

お気軽にお問い合わせください。