Подтвердить что ты не робот

Можно ли создать пользовательскую кнопку Tweet и использовать атрибуты данных?

Я создаю пользовательскую кнопку Tweet со своими собственными стилями, однако кажется, что, когда вы выбираете собственную настройку, вы не можете использовать атрибуты данных (текст данных, URL-адрес данных и т.д.). Использование атрибутов данных доступно только при использовании кнопки в стиле Twitter, в которой используется виджет javascript (http://platform.twitter.com/widgets.js).

Вот несколько примеров, взятых с веб-сайта Twitter dev. Ниже приведена кнопка Tweet с использованием атрибутов данных:

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<div>
  <a href="#" onclick="location.href='http://twitter.com/share'; return false;" class="twitter-share-button"
    data-url="http://dev.twitter.com/pages/tweet_button"
    data-via="twitterapi"
    data-text="Checking out this page about Tweet Buttons"
    data-related="anywhere:The Javascript API"
    data-count="vertical">Tweet</a>
</div>

Ниже приведена кнопка "Создать свою собственную" Tweet:

<style type="text/css" media="screen">
  #custom-tweet-button a {
    display: block;
    padding: 2px 5px 2px 20px;
    background: url('http://a4.twimg.com/images/favicon.gif') left center no-repeat;
    border: 1px solid #ccc;
  }
</style>
<div id="custom-tweet-button">
  <a href="#" onclick="location.href='http://twitter.com/share?url=http%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button'; return false;" target="_blank">Tweet</a>
</div>

Надеюсь, что все имеет смысл...

4b9b3361

Ответ 1

По какой-то причине они не позволят вам использовать атрибуты данных Javascript с помощью настраиваемой кнопки, поэтому вам нужно добавить их в URL-адрес вашего HTML-кода. Итак, для вашего примера:

Затем вы добавили бы &text=your%20text с текстом.

<a href="#" onclick="location.href='http://twitter.com/share?url=http%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button&text=my%20text%20here'; return false;" target="_blank">

Другие коды одинаковы, просто добавьте &related= и т.д.

Убедитесь, что все пробелы заменены на %20, и это все.