URLをSNSでシェア with 好きなアイコン その2

この記事(https://coneta.jp/article/show/2932)の続き

Twitter

ブランドガイドラインと公式アイコンダウンロード

https://about.twitter.com/en/who-we-are/brand-toolkit

好きなアイコンでシェア

Twitterが一番面倒くさい。

こちら(https://publish.twitter.com/?buttonType=TweetButton&widget=Button)の生成サイトから共有ボタンの生成はできるが、アイコンが固定されてしまう。

classを除去すればカスタムアイコンを指定できるが、今度はジャンプしたTwitterの投稿画面で指定したカスタムテキストやURL、ハッシュタグ等が反映されなくなってしまう。

そのため、やり方としては

  1. 一度自動生成されたaタグに必要な情報を追加
  2. 生成した共有ボタンから共有画面にジャンプ
  3. URLをもとに、必要なクエリパラメータをセットしたURLをaタグのURLとしてセット

という手順を踏むことで、カスタムアイコンでシェア投稿を行うことができる。

実際のURLサンプルは以下

<a href="https://twitter.com/share?ref_src=twsrc%5Etfw&text=[説明テキスト]&url=[シェアするURL]&hashtags=[セットするハッシュタグ(カンマ区切りで複数登録可能)]" target="_blank" >
    <img src="[アイコンパス]" />
</a>

参考

https://www.e-pokke.com/blog/sns-official-icons.html