How to update the twitter share button URL with dynamic content?

javascript jquery url twitter pushstate
cjroebuck picture cjroebuck · Feb 9, 2012 · Viewed 14.2k times · Source

I initialize the tweet button at the beginning of my app, after user interaction the current window's location is updated using HTML5 pushState, but the twitter button is still sharing the previous URL from when it was initialized.

How do I update the URL that twitter uses?

Answer

ramoneguru picture ramoneguru · Sep 4, 2013

I had success using the new Twitter feature that reloads the share url.

function updateTwitterValues(share_url, title) {
// clear out the <a> tag that's currently there...probably don't really need this since you're replacing whatever is in there already.
  $(container_div_name).html('&nbsp;'); 
  $(container_div_name).html('<a href="https://twitter.com/share" class="twitter-share-button" data-url="' + share_url +'" data-size="large" data-text="' + title + '" data-count="none">Tweet</a>');
twttr.widgets.load();
}

My initial HTML just has a container for the share link, like this:

<div id="twitter-share-section"></div>

Any time I get new data from an ajax call I just call updateTwitterValues() and pass along the new info. More info here https://dev.twitter.com/discussions/5642

Related questions

Get current URL with jQuery?

I am using jQuery. How do I get the path of the current URL and assign it to a variable? Example URL: http://localhost/menuname.de?foo=bar&amp;number=0

Read More
How to check if the URL contains a given string?

How could I do something like this: <script type="text/javascript"> $(document).ready(function () { if(window.location.contains("franky")) // This doesn't work, any suggestions? { alert("your url contains the name franky"); } }); </script>

Read More
Change URL and redirect using jQuery

I have some code like this, <form id="abc"> <input type="text" id="txt" /> </form> and now I want to redirect like this, var temp = $("#txt").val(); url = "http://example.com/" + temp; window.location.…

Read More