twitter - 可以设计自定义推文按钮并利用数据属性吗？

Question

我正在使用自己的样式创建自定义推文按钮，但是当您选择自定义自己的样式时，您似乎无法使用数据属性(数据文本、数据网址等)。仅当您使用使用小部件 javascript ( http://platform.twitter.com/widgets.js ) 的 Twitter 样式按钮时，数据属性的使用才显得可用。

以下是取自 Twitter 开发网站的一些代码。下面是使用数据属性的 Tweet 按钮:

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<div>
  <a href="http://twitter.com/share" 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>

现在下面是“构建您自己的”推文按钮:

<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="http://twitter.com/share?url=http%3A%2F%2Fdev.twitter.com%2Fpages%2Ftweet-button" target="_blank">Tweet</a>
</div>

希望一切都有意义......

Answer 1

出于某种原因，他们不允许您将 Javascript 数据属性与自定义按钮一起使用，因此您必须将它们添加到 HTML 中的 URL。因此，对于您的示例:

然后，您可以添加 &text=your%20text 以及您的文本。

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

其他代码相同，只需添加&lated=等即可

确保将所有空格替换为 %20 即可。