34

独自のスタイルでカスタムツイートボタンを作成していますが、独自のカスタマイズを選択すると、データ属性 (data-text、data-url など) を使用できないようです。データ属性の利用は、ウィジェット javascript ( http://platform.twitter.com/widgets.js )を使用する Twitter スタイルのボタンを使用する場合にのみ利用できるようです。

以下は、Twitter 開発者 Web サイトから取得したコードの一部です。以下は、データ属性を使用したツイート ボタンです。

<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>

うまくいけば、それはすべて理にかなっています...

4

1 に答える 1