[この記事](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サンプルは以下 ```js <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
2021/02/07 23:31:46

コメント (0)

あなたもコメントしてみませんか

アカウント新規作成(無料)

既にアカウントを持っている方は ログイン