Show Thread Enhancements - Twitter - Tweet Button in SHOWTHREAD

Twitter released their new TWEET button.

Live Demo: http://www.juot.net/forums/showthread.php?t=41185
(Update I have for the time being replaced the Tweet button with the Add This share button on my live forum. See the screen shots instead.)


I have tested this in latest versions of IE / Firefox / Chrome / Opera / Safari.

This will show you how to add this simple code to your SHOWTHREAD template below the page navigation bar, if visible.

Go to the Admin CP -> Styles & Templates -> Style Manager
Edit your SHOWTHREAD Template

Find:

<if condition="$show['pagenav']"><td align="$stylevar[right]">$pagenav</td></if>

Replace With:

<td align="$stylevar[right]"><if condition="$show['pagenav']">$pagenav</if>
<if condition="!in_array($GLOBALS[forumid], array(X, Y, Z))">
<table border="0">
<tr><td>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR_TWITTER_USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</td></tr></table>
</if>
</td>

Change the X, Y, Z in the second line to the forumid's of any private forums you may have. If a guest can't view a forum there is no reason to link a tweet to it. You can add as many or as few forumid's here as you need, just separate each with a comma.
Valid Examples:
<if condition="!in_array($GLOBALS[forumid], array(2, 5, 9))">
<if condition="!in_array($GLOBALS[forumid], array(7))">
<if condition="!in_array($GLOBALS[forumid], array(2, 3, 4, 5, 6, 7, 8))">
If none of your forums are private or you want to enable this in every forum you can remove the lines:

<if condition="!in_array($GLOBALS[forumid], array(X, Y, Z))">
and 
</if> (The second one)

Replace "YOUR_TWITTER_USERNAME" with your twitter username, it will be referenced in the tweet- but the tweet will not be from YOU, it will be from whoever hits the tweet button.

When you hit the Tweet button you will be given a box to type a message if you're logged in. If you're not logged in you will be asked to login or join, all within the pop-up window.

This button code will count the number of tweets people have made using it. I will add more options in later posts.

Note- My Screenshot also has the Facebook Like button available as a separate mod here by someone else. If you don't have the facebook like button your Tweet button will be on the right of the page. There is also a basic skin screen shot.

Please click Install if you use this.

NEW UPDATE!!!

Use this code instead it will force the correct URL to Twitter and solve the issue with a different URL being tweeted if thread is tweeted as soon as it's posted.

<td align="$stylevar[right]"><if condition="$show['pagenav']">$pagenav</if>
<if condition="!in_array($GLOBALS[forumid], array(X, Y, Z))">
<table border="0">
<tr><td>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR_TWITTER_USERNAME" data-url="$vboptions[bburl]/showthread.php?t=$thread[threadid]">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</td></tr></table>
</if>
</td>

Be sure to replace "YOUR_TWITTER_USERNAME" and "X, Y, Z" as described above.

[rtyagis]

How to show 'tweet' button on forum home as in forums.digitalpoint.com?
Have anybody checked this in VB 4.0.6?

[BirdOPrey5]

The 4.0.x version of this mod is here: https://vborg.vbsupport.ru/showthread.php?t=248569

Digitalpoint looks like they added the twitter code to one of their breadcrumb templates...

You can add it directly below "Forum" (on their page) by adding the code to FORUMHOME template right below the navbar code- so something like:

	{vb:raw navbar}

<div id="mytweetbutton" style="height:30px;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR_TWITTER_USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>

But again this is for 4.x version only, not relevant to people using this on 3.8. Please continue the discussion in the 4.x thread.

[rtyagis]

Thanks Mate !:up:

[Shazan]

Is there a way to add this on postbit_legacy?

[BirdOPrey5]

If you add this to postbit legacy you'd be tweeting single posts, not threads... but if you really want to...

In Postbit Legacy Find:

 <!-- controls -->

And directly below it add:

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-url="http://www.juot.net/forums/showthread.php?$session[sessionurl]p=$post[postid]&amp;postcount=$post[postcount]" data-via="YOUR_TWITTER_USERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Change http://www.juot.net/forums/ to your forum's URL, whatever would come before showpost.php... and change YOUR_TWITTER_USERNAME to your twitter username... this will put the tweet button right next to the Quote button and it lines up well, I tested it. It also sends the right URL to twitter.

[astdirect]

Using 3.8.4 and the Tweet counter doesn't work. I also get an error :

"stack overflow : Line 1" when putting on but i just click ok and the error goes away.

How would you add these buttons to forum home on 3.8.x ?

Great addition and great for driving free traffic

[BirdOPrey5]

Where are you getting that error?

As for the counter not working I'm guessing it's because the URL is different when you first submit a new thread or past than it is when you browse to the thread later, so twitter is counting it a different URL. I'm working on a fix for this.

[chocolate angel]

hi. thank you so much for posting this.

i just installed this and i am trying to get the twitter button beside my fb button..here is my code. what did i do wrong? thanks


<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="Billyne">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</td></td>
<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.nailtechalley.com/forums/showthread.php$session[sessionurl]?t=$threadid" &amp;show_faces=false&amp;width=350&amp;action=lik e&amp;colorscheme=dark&amp;height=30" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:30px;" allowTransparency="true"></iframe>
</td></tr></table>
</if>
</td>
<!-- / controls above postbits -->

[astdirect]

@birdofprey - iget that error when the tweet page pops up. I tried on laptop and i dont get that error, only on my main pc. Main PC is running XP and IE7 and laptop is running Vista and IE8. Not sure if thats anything to do with it.

Tweet button now counting tweets though after i moved it from postbit_legacy to showthread.

Brilliant addition !!

[Hagalepues]

I do not understand why the button is down the pages.

How do I place above them?

Image: