Change Fill Order of Tweet Button Properties


#1

I’ve customized the Javascript Tweet Button to fill Tweets with specified properties for data-url, data-text, and data-hashtags.

I want the url to display LAST in the tweet, so Tweets look like:
Lorem ipsum Post Title is Text of Tweet #awesomehashtag via @mememe http://example.com

But instead, the url is in the middle of the Tweet, like:
Lorem ipsum Post Title is Text of Tweet http://example.com #awesomehashtag via @mememe

I’ve tried changing the position of the data-url property within the tag, but this has no effect on how the Tweet is filled.

Here’s an example post: http://www.kwls.org/podcasts/george-saunders-2/

Here’s my code:

<a href="https://twitter.com/share" class="twitter-share-button" data-text="<?php the_title(); ?>" data-via="KeyWestLiterary" data-hashtags="<?php if (has_category('Audio Archives')) : ?>AudioArchive<? elseif (has_category('L I T T O R A L')) : ?>Littoral<?php else: ?>KWLS<?php endif; ?>" data-url="<?php the_permalink(); ?>">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

Thanks for your help!


#2