Show Thread Enhancements - Twitter - Tweet Button in SHOWTHREAD

This mod is now outdated and as a result support for new installs will be limited, if any.

-July 7, 2011-

Please instead use my new mod which offers Twitter and many more share options for VB 4.x without template edits.

WARNING - It appears vBulletin has changed the location of the Facebook Like button in version 4.1.2. As a result it is likely the code changes below will be different in 4.1.2 and beyond, I will not be able to support installs beginning with version 4.1.2 since my license stops at 4.0.8.


Twitter released their new TWEET button.

Live Demo: http://www.juot.net/forums/showthread.php?t=41185
(Note my Live Board is VB 3.8, but I have tested this on 4.0.4 and 4.0.6)
(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 / Safari / Opera and it should work in all.

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

If you DO NOT use the built-in Facebook Like button do the following:

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

Find: (The first instance of)

		<vb:if condition="$pagenav">
			{vb:raw pagenav}
		</vb:if>

Above this add:

<vb:if condition="!in_array($GLOBALS[forumid], array(X, Y, Z))">
<div id="mytweetbutton" align="right" style="height:27px;">
<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>
</vb:if>

Change the X, Y, Z in the first 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:
<vb:if condition="!in_array($GLOBALS[forumid], array(2, 5, 9))">
<vb:if condition="!in_array($GLOBALS[forumid], array(7))">
<vb: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:

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

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.

If you DO USE the built-in Facebook Like button do the following:

Find:

		{vb:raw fblikebutton}

Replace it with:

<div id="fb_likeframe" style="border: none; overflow: hidden; height: 27px; width: 95px; vertical-align: text-bottom; padding-top:1px;"><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>{vb:raw fblikebutton}

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.

The Tweet button will now show up next to the Facebook Like button in anytime the Facebook Like button is displayed in a thread.

----

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. For other options including the button with no counter visit: http://twitter.com/goodies/tweetbutton

The screen shots show the Tweet button both with and without the page navigation bar, and with the Facebook Like button.

Please click Install if you use this.

Download the .txt file for a copy of the install instructions. :up:

----

Known Issues- a few people have reported a 'slash' is missing in the URL submitted to Twitter on some boards. Other people have said URL's with non-english characters cause a URL error. The solution for both of these issues is in post #143 in this thread.

Also Twitter appears to be having widespread issues with the counter not working. Some sites it works, some it don't, sometimes it stops working, sometimes it starts working for no reason. If you find your count isn't working try the solution in post #147. If that doesn't work than disable your counter completely if you want by changing the word "horizontal" to "none" in the twitter code.

[doobiefillin]

i get this error when i click the tweet button and the popup appears

'url' parameter does not contain a valid URL.

nevermind it was fixed with the above mentioned code change

[BirdOPrey5]

Originally Posted by doobiefillin

i get this error when i click the tweet button and the popup appears

'url' parameter does not contain a valid URL.

Use the fix posted in post # 143,

[RK KINGKONG]

I got this to look n work well http://www.righteouskings.com/showth...ease-Post-Here

but for some reason though my facebook like button is activated in my facebook options its not showing

[RK KINGKONG]

this is what my showthread template looks like with the tweet in it already
but my facebook button isnt showing

[RK KINGKONG]

WOW this is aggravating , at first when i first put in this code it worked fine , now i get some error

'url' parameter does not contain a valid URL.

but then when i put in the fix from post 143 the tweet button winds up all the way towards the middle of my page not far right where it was . what i dont understand is that it worked fine when i first input .

Originally Posted by RK KINGKONG

this is what my showthread template looks like with the tweet in it already
but my facebook button isnt showing

[RK KINGKONG]

ok lol so the twitter is fully functional now , however the facebook like button , the defualt one can anyone tell me or give me an idea as to why it wont show ? it is selected in the admin cp options for facebook to display it

[BirdOPrey5]

There are several built in facebook templates you should have, including one called facebook_likebutton

The contents of this are:

<iframe id="fb_likeframe" src="http://www.facebook.com/plugins/like.php?href={vb:raw href}&amp;layout=standard&amp;show_faces=false&amp;width=260&amp;action=like&amp;font=tahoma&amp;colorscheme=light&amp;height=27" scrolling="no" frameborder="0" allowTransparency="true"></iframe>

My guess is that template is empty, or non-existent in your custom style and that is why you don't have a facebook button... you should add it if it's missing...

[RK KINGKONG]

ok im about to throw my pc out the window , thank you for trying , yes there is such a template n yes it does have that code in it , so i just dont know , and lack of experience doesnt help but im pretty sure im all well but it just doesnt want to work for me sad day , 8 hours dam near trying to get this to work for me , well it works im just talking abou the facebook button the tweet is perfect now

[EquinoxWorld]

Originally Posted by RK KINGKONG

ok lol so the twitter is fully functional now , however the facebook like button , the defualt one can anyone tell me or give me an idea as to why it wont show ? it is selected in the admin cp options for facebook to display it

Did you set up the API key and everything and enabled f/b through your admincp options?

[RK KINGKONG]

Yes my issue was that I didn't have the default facebook on. Then on top of that I have another modd called facebook bridge, which was conflicting with the default. Making it give me a error code. However the great dev gave me great help and was very patient. THANKS for your reply. VB 4.1. PATCH 2. THANKS