Создание пользовательских значков социальных сетей, которые используют URL текущей страницы

Question

Я пытаюсь разработать виджет, в котором при нажатии на кнопки социальных сетей должен отображаться URL текущей страницы на соответствующем веб-сайте социальной сети. Например, я попытался встроить кнопку обмена Twitter, ссылаясь на здесь , и вставил следующий код в мой html:

   <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button"  data-url="https://www.google.com" data-show-count="false"></a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8">

, но я не хочу, чтобы моя кнопка выглядела так Кстати, я изменил стили для кнопки, изменив имя класса тега, внешний вид изменился, но кнопка не работает, она должна работать. Откроется страница твиттера следующим образом:

Я хочу сохранить функциональность значка общего доступа в Твиттере, но также изменить стиль кнопки. Нажав кнопку «Поделиться», она должна выглядеть примерно так:

Answer 1

URL твиттеров принимает много параметров, которые изменяют внешний вид страницы общего доступа:

https://twitter.com/intent/tweet?hashtags=demo
    &original_referer=https%3A%2F%2Fdeveloper.twitter.com%2Fen%2Fdocs%2Ftwitter-for-websites%2Ftweet-button%2Foverview
    &ref_src=twsrc%5Etfw
    &related=twitterapi%2Ctwitter
    &text=Hello%20world
    &tw_p=tweetbutton
    &url=https%3A%2F%2Fexample.com%2Ffoo
    &via=twitterdev

Похоже, вы хотите использовать url параметр.

https://twitter.com/intent/tweet?url=https%3A%2F%2Fexample.com%2Ffoo

От https://developer.twitter.com/en/docs/twitter-for-websites/tweet-button/overview