URLをSNSでシェア with 好きなアイコン その2
この記事(https://coneta.jp/article/show/2932)の続き
ブランドガイドラインと公式アイコンダウンロード
https://about.twitter.com/en/who-we-are/brand-toolkit
好きなアイコンでシェア
Twitterが一番面倒くさい。
こちら(https://publish.twitter.com/?buttonType=TweetButton&widget=Button)の生成サイトから共有ボタンの生成はできるが、アイコンが固定されてしまう。
classを除去すればカスタムアイコンを指定できるが、今度はジャンプしたTwitterの投稿画面で指定したカスタムテキストやURL、ハッシュタグ等が反映されなくなってしまう。
そのため、やり方としては
- 一度自動生成されたaタグに必要な情報を追加
- 生成した共有ボタンから共有画面にジャンプ
- URLをもとに、必要なクエリパラメータをセットしたURLをaタグのURLとしてセット
という手順を踏むことで、カスタムアイコンでシェア投稿を行うことができる。
実際のURLサンプルは以下
<a href="https://twitter.com/share?ref_src=twsrc%5Etfw&text=[説明テキスト]&url=[シェアするURL]&hashtags=[セットするハッシュタグ(カンマ区切りで複数登録可能)]" target="_blank" >
<img src="[アイコンパス]" />
</a>