I was recently building a page where the main text of the page changed every X seconds. I wanted to have a "Tweet" button on the page so that users could tweet whatever the current text on the page at the time.
The problem with this is that the tweet button functionality didn't provide a straight forward way for me to do this (that I could find).
Twitter does give you the option to tweet the Title of the page, so I decided to leverage this and just tweet the Title of the page. But that didn't solve my problem right away, as the Title of the page at this point was static.
I decided to have the entire page reload, instead of just the container containing the text. I then had to make sure that when the page reloads, the title of the page reflects the current text on the page.
var favorites = ["phrase 1", "phrase 2", "phrase 3", "phrase 4", "phrase 5" ]; var pick_fav = favorites[Math.floor(Math.random() * favorites.length)]; var post_choice = pick_fav
I needed to set the document.title to the variable post_choice which contained the text I wanted to be tweeted.
Doing this was easy
document.title = post_choice
Sidenote, as an SEO I would never deploy a strategy like this on a page that I was trying to optimize. The problem with this is when your page is indexed by Google there is no way to tell which title tag will end up getting indexed for your page since it keeps changing, which could cause your page not to rank. I would only use this on a page where driving organic traffic to it was not a priority.