Twitter - Tweet Button in SHOWTHREAD

[BirdOPrey5]

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 (https://vborg.vbsupport.ru/showthread.php?t=266159) 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 (http://www.addthis.com) 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 (https://vborg.vbsupport.ru/showpost.php?p=2127153&postcount=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 (https://vborg.vbsupport.ru/showpost.php?p=2127229&postcount=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.

[CMSTemplateZ]

Cheers for this.... i saw this on DP today.. looks like a handy little addon, i just want to use on the main page so i guess i just need to add the divs without the conditionals ?

Thanks

[BirdOPrey5]

If you want to add it to only your main forum page you'd edit the FORUMHOME template instead. I'd recommend finding the code:

{vb:raw navbar}

And Below this adding:

<div id="mytweetbutton" align="right" 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>

So you would not need the conditionals, correct.

Note- if you have the VB4 Suite and want to add it to your main page of the suite you'd have to edit some other template- I don't have the Suite so I can't help you with that.

[CMSTemplateZ]

Note- if you have the VB4 Suite and want to add it to your main page of the suite you'd have to edit some other template- I don't have the Suite so I can't help you with that.

Thanks bud for a quick reply... i worked it out.... See Here: http://battlefield3forums.com/content/

I added it to the start of the breadcrumb div and wrapped it in my own custom div to style it a little better... because the facebook like text color can not be changed it's kinda hard to see i will keep playing around with it.

Thanks for this, just hope people still click these buttons, now that every site seems to have them numbers have dropped alot, hopefully the tweet button gets people clicking it.

Cheers again for posting this

[BirdOPrey5]

Looks Good.

[baghdad4ever]

installed

but there is problem

it send this

http://www.baghdad4ever.netshowthread.php/299978

instead of this url

http://www.baghdad4ever.net/vb/showthread.php/299978

how to fix that?

[BirdOPrey5]

If you go to vbulletin options -> Site Name / URL / Contact Details
are your forum URL and Homepage URL correct?
It looks like your forum url should be: http://www.baghdad4ever.net/vb/

[baghdad4ever]

hi

yes my friend i used http://www.baghdad4ever.net/vb (http://www.baghdad4ever.net/vb/)

but i dont know why this problem occur

is there any modification to the code in order to enforce the button to take the forum url?

[baghdad4ever]

i used this code


<div id="mytweetbutton" align="right" style="height:30px;">
<a href="http://twitter.com/share?url=http://www.baghdad4ever.net/vb/{vb:link thread, {vb:raw thread}}" class="twitter-share-button" data-count="horizontal" data-via="twitter_username">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>



is that ok?

[BirdOPrey5]

It's OK if it works! :)

Another option is I see you have a facebook tag in the header/header include...
<meta property="og:url" content="YOUR CODE HERE" />
You could add the following line under that:
<link rel="canonical" href="YOUR CODE HERE" />

Use the same code you use for your facebook og:url tag in the canonical tag and that will override the URL the tweet button sends.

[BirdOPrey5]

I went to your page, it looks like whatever you're doing is working. :)

[baghdad4ever]

I went to your page, it looks like whatever you're doing is working. :)


thank u very much:D

[zurrie]

Another option is I see you have a facebook tag in the header/header include...
<meta property="og:url" content="YOUR CODE HERE" />
You could add the following line under that:
<link rel="canonical" href="YOUR CODE HERE" />

Use the same code you use for your facebook og:url tag in the canonical tag and that will override the URL the tweet button sends.

Hi,

1. Could you explain what is "header/header include" ?

2. is there anyway to put automativ trailing slash on your mod?

nice mode btw, thanks for sharing.

Zurrie

[zelnik]

I guess Showthread has changed in 4.0.6 as your edits do not work.

I've tried it above and below where you have said to enter it and do not get the desired affect.

Also on your site if you click on the number next to the tweet it finds nothing on Twitter, however I checked on DP and theirs works ok?

See attachment for location problems.

[zurrie]

This is looks in 4.0.5.

[zurrie]

This is looks in 4.0.5.

update!

i change the height into 50px resolve the space in 4.0.5.

Regards,

Zurrie

[BirdOPrey5]

Hi,

1. Could you explain what is "header/header include" ?

2. is there anyway to put automativ trailing slash on your mod?

nice mode btw, thanks for sharing.

Zurrie

The "header" or "header include" templates, accessible by Admin CP -> Styles & Templates -> Style Manager -> (Your Style) -> All Style Options... These will be the first two boxes you see. The code is probably in the second one, "header include."

When you say automatic trailing slash, do you mean to the URL sent to Twitter? I suppose it could be done if you use the canonical link tag I mentioned and typed a "/" at the end.

I guess Showthread has changed in 4.0.6 as your edits do not work.

I've tried it above and below where you have said to enter it and do not get the desired affect.

Also on your site if you click on the number next to the tweet it finds nothing on Twitter, however I checked on DP and theirs works ok?

See attachment for location problems.

Honestly I don't have Facebook integration installed on mine so that might be what is causing the problem... however zurrie reported changing the div height to 50 seemed to fix this problem.

[zelnik]

update!

i change the height into 50px resolve the space in 4.0.5.

Regards,

Zurrie

The sites I've seen it working on has it next to the facebook like button which looks far better than having it on top.

[zurrie]

When you say automatic trailing slash, do you mean to the URL sent to Twitter? I suppose it could be done if you use the canonical link tag I mentioned and typed a "/" at the end.

Okay, what i mean is the "result URL" to twitter which is show at "short url" when you click it the result on browser will show as http://www.domain-name.comshowthread.php/XXXX

no trailing slash.

i try to remove my facebook integration but still the same twitter show no trailing slash result.

btw, reminds me which vB you are using sir?

Regards,

Zurrie

[BirdOPrey5]

I'm on 4.0.4 at the moment, will be upgrading to 4.0.6 shortly.

Can you give me a link to your forum so I can see what's going on?
PM me if you don't want it public.

[acezakj]

Could you make a identical facebook one right next to the twitter one? It would be greatly appreciated

[BirdOPrey5]

Doesn't VB4 have facebook integration built in already? You just go to the admin cp -> vbulletin options -> Facebook Options to set it up...

If you are using VB3.x then I recommend this mod, it's what I use in my 3.8 board:
https://vborg.vbsupport.ru/showthread.php?t=243319

For the most part it would work on VB4 if it had to, just put the code in SHOWTHREAD so you don't need those conditionals.

[Gleedo]

Thanks bud for a quick reply... i worked it out.... See Here: http://battlefield3forums.com/content/

I added it to the start of the breadcrumb div and wrapped it in my own custom div to style it a little better... because the facebook like text color can not be changed it's kinda hard to see i will keep playing around with it.

Thanks for this, just hope people still click these buttons, now that every site seems to have them numbers have dropped alot, hopefully the tweet button gets people clicking it.

Cheers again for posting this

I clicked your tweet button as im a member of your forum :)

[sbsforum.us]

Thanks

[zelnik]

Honestly I don't have Facebook integration installed on mine so that might be what is causing the problem... however zurrie reported changing the div height to 50 seemed to fix this problem.

It does work but it bloats the display too much as it goes above the FB and page 123 select.

Look forward to you having 4.0.6 installed and turning on the fb as it will be a lovely addition to my site!

Thanks!

[Crowza]

Here is what I did to fix the sizing issues for 4.0.6:

1. Find the following code in SHOWTHREAD:


<vb:if condition="$show['fb_likebutton']">


2. After that line insert your Twitter button code:


<vb:if condition="!in_array($GLOBALS[forumid], array(21, 22))">
<div id="mytweetbutton" align="right" style="height:15px;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="crowzacom" data-related="EdCrowza">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</vb:if>


3. Make sure you replace the correct variables, per the original instructions (I also added the 'data-related' option for it to recommend more than one Twitter account). Notice, the height is set to '15px;'.

If you do that, it should look like the attached image:

[zelnik]

Here is what I did to fix the sizing issues for 4.0.6:

1. Find the following code in SHOWTHREAD:


<vb:if condition="$show['fb_likebutton']">


2. After that line insert your Twitter button code:


<vb:if condition="!in_array($GLOBALS[forumid], array(21, 22))">
<div id="mytweetbutton" align="right" style="height:15px;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="crowzacom" data-related="EdCrowza">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</vb:if>


3. Make sure you replace the correct variables, per the original instructions (I also added the 'data-related' option for it to recommend more than one Twitter account). Notice, the height is set to '15px;'.

If you do that, it should look like the attached image:

thanks for that is there anyway to get it next to the fb like button?

[xtremecoders]

Nice MOD but i have also Facebook enabled and causing some Overlap with pages display.

http://img3.imageshack.us/img3/8664/clip25.png

UPDATE....

Fixed by Changing Possition of code.....

1. Find the following code in SHOWTHREAD:

<div id="postpagestats_above" class="postpagestats">
{vb:rawphrase showing_results_x_to_y_of_z, {vb:raw pagenumbers.first}, {vb:raw pagenumbers.last}, {vb:raw totalposts}}
</div>2. After that line insert your Twitter button code:

<vb:if condition="!in_array($GLOBALS[forumid], array(X, Y, Z))">
<div id="mytweetbutton" align="right" style="height:50px;">
<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>
http://img96.imageshack.us/img96/6833/clip26.png

[zelnik]

Fixed by Added bellow.....


Unfortunately that doesn't fix it properly, the pagination is not correct as the " Results 1 to 10 of 17" should be next to the pagination and now it is under the facebook connect.

Also it looks a little odd as it doesn't line up (twit button) should be a couple of pixels higher or ultimately it would look better next to the fb icon I think...

Have a look at the attachments to see what I mean.

[xtremecoders]

Why for me is Just fine ?

https://vborg.vbsupport.ru/

Maybe you don't place it at the right place.
Place the code after the first </div>, NOT the second....

[BirdOPrey5]

I agree the tweet button would look better a couple pixels higher but haven't figured that put yet,

[zelnik]

Why for me is Just fine ?

http://img594.imageshack.us/img594/3470/clip27.png

Maybe you don't place it at the right place.
Place the code after the first </div>, NOT the second....

I will give it another try would be be very difficult to get it onto the same line as the fb connect?! as then you would have the 2 social networking sites next to one another?!

Thanks

[BirdOPrey5]

OK, I have figured out the best place to use this if you also use the Facebook Like button which I guess most do. I have updated the first post with new instructions.

Screen Shot of new location below:

https://vborg.vbsupport.ru/attachment.php?attachmentid=121142&stc=1&d=1282396257

[zelnik]

OK, I have figured out the best place to use this if you also use the Facebook Like button which I guess most do. I have updated the first post with new instructions.

Screen Shot of new location below:


Works great however the Twitter box with the number of tweets is cut off on the right so if you change the entry from 90px width to 92px it fixes it.

Is there an easy way of flipping them around to the Twitter button is on the left of the FB button!?

[BirdOPrey5]

Works great however the Twitter box with the number of tweets is cut off on the right so if you change the entry from 90px width to 92px it fixes it.

Is there an easy way of flipping them around to the Twitter button is on the left of the FB button!?

Thanks I will update the instructions...

I haven't tested this but I'd imagine putting the {vb:raw fblikebutton} code before the twitter code instead of after it, it may work... such as:

EDIT- I did test it and it does work, however the width should be even longer, 95px works nicely.


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

[vivamexico55]

Doesn't work with 4.06 and FB Connect enabled, gives me this error:

URL required

'url' parameter does not contain a valid URL.

[BirdOPrey5]

Hmmm... it's definitely working for me... where are you getting this error, in the pop-up window? Is there anything else?

Can you give a link to your forum?

[zelnik]

Thanks I will update the instructions...

I haven't tested this but I'd imagine putting the {vb:raw fblikebutton} code before the twitter code instead of after it, it may work... such as:

EDIT- I did test it and it does work, however the width should be even longer, 95px works nicely.

Thanks works nicely but sods law the icons/buttons are different heights.

Would it be difficult to be able to add the twitter button 1 or 2 pixels lower?

Thanks and marked installed.

[BirdOPrey5]

Thanks works nicely but sods law the icons/buttons are different heights.

Would it be difficult to be able to add the twitter button 1 or 2 pixels lower?

Thanks and marked installed.

Yeah good call... if you add the code: padding-top:2px; to the style attribute of the <div> tag it perfectly centers the tweet button with the facebook button. I have updated the code in the top post to reflect this change.

[zelnik]

thanks works perfectly!

[Danoxth]

installed

but there is problem

it send this

http://www.baghdad4ever.netshowthread.php/299978

instead of this url

http://www.baghdad4ever.net/vb/showthread.php/299978

how to fix that?

I'm having the same problem as this, I've checked the contact details in the options and everything is as it should be, any ideas?

[BirdOPrey5]

That's weird but this should fix it...

Edit your headinclude template:

Find:

<meta name="description" content="{vb:raw vboptions.description}" />
</vb:if>


Below it Add:

<vb:if condition="THIS_SCRIPT == 'showthread'">
<link rel="canonical" href="http://www.example.com/forum/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}" />
</vb:if>

Make sure you change http://www.example.com/forum/ to the URL to your own forums, whatever is before "showthread.php..." when you are viewing a thread. (In the example given it would be: http://www.baghdad4ever.net/vb/)

This will include a canonical link on your threads (and only threads) which over-rides the URL passed to Twitter, with hopefully, the right one now...

If this doesn't work please give me a link to your forums so I can see what is up...

[Danoxth]

That worked, cheers for that - much appreciated :)

[Alucard^]

Hi man, nice hack!

I have some little problems... see the image:

https://vborg.vbsupport.ru/external/2010/08/22.png

I am using this code:

<vb:if condition="!in_array($GLOBALS[forumid], array(191, 192, 217, 114, 216))">
<div align="right" style="height:27px;">
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Compartir</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="nvnetgroup">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</vb:if>

What is wrong?

Thanks.

[zelnik]

Hi man, nice hack!

I have some little problems... see the image:



Look at post one and use the code near the bottom and it might work.

[BirdOPrey5]

That worked, cheers for that - much appreciated :)

Great!

Hi man, nice hack!

I have some little problems... see the image:

http://www.webpagescreenshot.info/img/843792-8222010110302pm.png

I am using this code:

<vb:if condition="!in_array($GLOBALS[forumid], array(191, 192, 217, 114, 216))">
<div align="right" style="height:27px;">
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Compartir</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="nvnetgroup">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</vb:if>

What is wrong?

Thanks.

Looks like you used the first code labeled for people who DO NOT use Facebook Like... you seem to use Facebook Like so use the alternate instructions I provided in the top post...
(Copied below for easy reference)


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.

[Alucard^]

Yes but like you can see... i am not using the like button... i am using another button, share button (i am using this https://vborg.vbsupport.ru/showthread.php?t=234548 but i want to use both in the same location).

I tried with:

<vb:if condition="!in_array($GLOBALS[forumid], array(191, 192, 217, 114, 216))">
<div style="border: none; overflow: hidden; height: 27px; width: 95px; vertical-align: text-bottom; padding-top:1px;">
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Compartir</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="nvnetgroup">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</vb:if>

But this happen (see the attached image)

[BirdOPrey5]

If you're using another mod I can't tell you where to put it- but if you can post your say the top third of your showthread template can look at it and try to give you an idea on where to put it and how to customize the code a little.

If you post it, post it without the tweet code at all- whatever you have that works for you now.

[Tony_FPM]

Thanks bud for a quick reply... i worked it out.... See Here: http://battlefield3forums.com/content/

I added it to the start of the breadcrumb div and wrapped it in my own custom div to style it a little better... because the facebook like text color can not be changed it's kinda hard to see i will keep playing around with it.

Thanks for this, just hope people still click these buttons, now that every site seems to have them numbers have dropped alot, hopefully the tweet button gets people clicking it.

Cheers again for posting this

WOW man, very nice template. How do you make the spaces between the widgets on the CMS

Thanks man.

[Alucard^]

If you're using another mod I can't tell you where to put it- but if you can post your say the top third of your showthread template can look at it and try to give you an idea on where to put it and how to customize the code a little.

If you post it, post it without the tweet code at all- whatever you have that works for you now.

Really sry for my english but i didn't understand at all this... what do you mean with "top third of your showthread template"?

The problem is that the facebook share button appear some pixels lower than the tweet button.

Thanks

[BirdOPrey5]

If you go to your template editor and edit your showthread template...

Then copy and paste the "top" part of the file here I can look through it and suggest a location you could put the code.

If you could copy and paste everything in showthread above:

<li><a href="poll.php?{vb:raw session.sessionurl}do=newpoll&amp;t={vb:raw threadid}">{vb:rawphrase add_a_poll_to_this_thread}&hellip;</a></li>
</vb:if>
</ul>
</li>

[Alucard^]

If i am not wrong this is the code that you want:

{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
{vb:raw headinclude}
<vb:if condition="$threadinfo['keywords']"><meta name="keywords" content="{vb:raw threadinfo.keywords}" /></vb:if>
<meta name="description" content="{vb:raw thread.meta_description}" />

<title>{vb:raw thread.prefix_plain_html} {vb:raw thread.title}</title>
<link rel="canonical" href="{vb:raw thread_url}" />
<vb:if condition="$show['reputation']">
<script type="text/javascript" src="clientscript/vbulletin-ajax-reputation.js?v={vb:raw vboptions.simpleversion}"></script>
</vb:if>
<script type="text/javascript" src="clientscript/vbulletin_textedit.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript" src="clientscript/vbulletin_post_loader.js?v={vb:raw vboptions.simpleversion}"></script>
<vb:if condition="$show['threadrating']">
<script type="text/javascript" src="clientscript/vbulletin_ajax_threadrate.js?v={vb:raw vboptions.simpleversion}"></script>
</vb:if>
<vb:if condition="$show['multiquote_global']">
<script type="text/javascript" src="clientscript/vbulletin_multi_quote.js?v={vb:raw vboptions.simpleversion}"></script>
</vb:if>
<vb:if condition="$show['quickedit']">
<script type="text/javascript" src="clientscript/vbulletin-editor.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript" src="clientscript/vbulletin_quick_edit.js?v={vb:raw vboptions.simpleversion}"></script>
</vb:if>
<vb:if condition="$show['quickreply']">
<script type="text/javascript" src="clientscript/vbulletin_quick_reply.js?v={vb:raw vboptions.simpleversion}"></script>
</vb:if>
<vb:if condition="$show['manage_tag']">
<script type="text/javascript" src="clientscript/vbulletin_ajax_taglist.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript" src="clientscript/vbulletin_ajax_suggest.js?v={vb:raw vboptions.simpleversion}"></script>
</vb:if>
<vb:if condition="$show['lightbox']">
<script type="text/javascript" src="clientscript/vbulletin_lightbox.js?v={vb:raw vboptions.simpleversion}"></script>
</vb:if>

<vb:if condition="$vboptions['storecssasfile']">
{vb:cssfile showthread-rollup.css}
<vb:else />
{vb:cssfile postlist.css,showthread.css,postbit.css,attachment .css,poll.css,lightbox.css}
</vb:if>

{vb:raw headinclude_bottom}
</head>

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

{vb:raw header}
{vb:raw navbar}
{vb:raw template_hook.showthread_above_posts}
{vb:raw poll}

<div id="above_postlist" class="above_postlist">
<vb:if condition="$show['largereplybutton']">
<a href="newreply.php?{vb:raw session.sessionurl}p={vb:raw LASTPOSTID}&amp;noquote=1"
class="newcontent_textcontrol" id="newreplylink_top"><vb:if condition="$show['closethread']"><span>+</span> {vb:rawphrase reply_to_thread}<vb:else />{vb:rawphrase closed_thread}</vb:if></a>
<img style="display:none" id="progress_newreplylink_top" src="{vb:stylevar imgdir_misc}/progress.gif" alt="" />
</vb:if>

<div id="pagination_top" class="pagination_top">

<vb:if condition="!in_array($GLOBALS[forumid], array(191, 192, 217, 114, 216))">
<div align="right" style="height:27px;">
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Compartir</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="nvnetgroup">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</vb:if>


<vb:if condition="$pagenav">
{vb:raw pagenav}
</vb:if>
<div id="postpagestats_above" class="postpagestats">
{vb:rawphrase showing_results_x_to_y_of_z, {vb:raw pagenumbers.first}, {vb:raw pagenumbers.last}, {vb:raw totalposts}}
</div>
</div>
</div>
<div id="pagetitle" class="pagetitle">
<h1>
{vb:rawphrase thread}: <span class="threadtitle"><a href="{vb:raw thread_url}" title="{vb:rawphrase reload_this_page}">{vb:raw threadinfo.title}</a></span>
<vb:if condition="$show['fb_likebutton']">
{vb:raw fblikebutton}
</vb:if>
</h1>
</div>
<div id="thread_controls" class="thread_controls">
<div>

<ul id="postlist_popups" class="postlist_popups popupgroup">

<vb:if condition="$show['firstunreadlink']">
<li class="popupmenu"><h6><a class="firstunread" href="{vb:raw firstunread}">{vb:rawphrase view_first_unread} </a></h6></li>
</vb:if>
<li class="popupmenu" id="threadtools">
<h6><a class="popupctrl" href="javascript://">{vb:rawphrase thread_tools}</a></h6>
<ul class="popupbody popuphover">
<li><a href="printthread.php?{vb:raw session.sessionurl}t={vb:raw threadid}<vb:if condition="$perpage">&amp;pp={vb:raw perpage}</vb:if><vb:if condition="$pagenumber">&amp;page={vb:raw pagenumber}</vb:if>" accesskey="3"
rel="nofollow">{vb:rawphrase show_printable_version}</a></li>
<li><a href="sendmessage.php?{vb:raw session.sessionurl}do=sendtofriend&amp;t={vb:raw threadid}"
rel="nofollow">{vb:rawphrase email_this_page}&hellip;</a></li>
<li>
<vb:if condition="$show['subscribed']">
<a href="subscription.php?{vb:raw session.sessionurl}do=removesubscription&amp;t={vb:raw threadid}"
rel="nofollow">{vb:rawphrase unsubscribe_from_this_thread}</a>
<vb:else />
<a href="subscription.php?{vb:raw session.sessionurl}do=addsubscription&amp;t={vb:raw threadid}"
rel="nofollow">{vb:rawphrase subscribe_to_this_thread}&hellip;</a>
</vb:if>
</li>
<vb:if condition="$show['addpoll']">

Thanks.

[BirdOPrey5]

I would have preferred the code before you inserted the Twitter code but let's try this:

Find:
<vb:if condition="!in_array($GLOBALS[forumid], array(191, 192, 217, 114, 216))">
<div align="right" style="height:27px;">
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Compartir</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="nvnetgroup">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</vb:if>

and change it to:

<vb:if condition="!in_array($GLOBALS[forumid], array(191, 192, 217, 114, 216))">
<div align="right" style="height:27px;">
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Compartir</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script></div>
<div align="right">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="nvnetgroup">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
</vb:if>


See what that does...

[Alucard^]

Well... i solved the problem with this: http://sharethis.com/publishers/get-button-code?style=6

Using this code:


<vb:if condition="!in_array($GLOBALS[forumid], array(191, 192, 217, 114, 216))">
<div style="text-align: right; margin-bottom: 10px;">
<span class="st_twitter_hcount" displayText="Tweet"></span><span class="st_facebook_hcount" displayText="Share"></span>
</div>
</vb:if>


And this on the headinclude:

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher:'dfba2cb0-5585-44ea-9c02-ab4120cee202'});</script>

And work perfect, but now i have another strange problem... see this:

http://www.webpagescreenshot.info/img/358199-825201053134am.png

When i add that code of the headinclude (the scripts) appear something at the right of thanks button.

You know how to solve?

Thanks and sry for posting here but is something "related" and maybe you know what is the problem.

[BirdOPrey5]

Sorry, I have no clue about that. :(

[Veer]

Installed.

http://www.forum.com/threads/90953I tried it by clicking on tweet and it is missing a SLASH in thread url.

Any help?

[BirdOPrey5]

Installed.

http://www.forum.com/threads/90953I tried it by clicking on tweet and it is missing a SLASH in thread url.

Any help?

See post #42 for a solution to that issue. :up:

[zelnik]

Well I thought I had it working but the counter seems to mess up?!

When I tweet something the counter will say "1" hit refresh and it will go back to "0" and each and every time after still "0" Any ideas?

[BirdOPrey5]

Well I thought I had it working but the counter seems to mess up?!

When I tweet something the counter will say "1" hit refresh and it will go back to "0" and each and every time after still "0" Any ideas?

Hmmm... I'd imagine the issue is because before your URL is submitted Twitter 'thinks' you're on the wrong page (without the slash) so when it checks its records it sees no one has 'tweeted' that URL so the count is Zero... When you hit Tweet you actually send a link to a different (albeit correct) URL so it doesn't get counted to the right page.

Understand?

I will keep trying to figure out why you're having the initial issue since that would solve everything, but in the mean time you can display the Tweet button without the counter so it doesn't throw people off... in your code replace:

data-count="horizontal" with data-count="none"

[zelnik]

Hmmm... I'd imagine the issue is because before your URL is submitted Twitter 'thinks' you're on the wrong page (without the slash) so when it checks its records it sees no one has 'tweeted' that URL so the count is Zero... When you hit Tweet you actually send a link to a different (albeit correct) URL so it doesn't get counted to the right page.

Understand?

I will keep trying to figure out why you're having the initial issue since that would solve everything, but in the mean time you can display the Tweet button without the counter so it doesn't throw people off... in your code replace:

data-count="horizontal" with data-count="none"

Perhaps it's something to do with vbseo?

BTW: when you click the number (which is 0 most of the time) it does take you to the tweeted link on Twitter.com

[BirdOPrey5]

Perhaps it's something to do with vbseo?

BTW: when you click the number (which is 0 most of the time) it does take you to the tweeted link on Twitter.com

That's my guess as well but I don't have vbseo... I'm trying to see if I can replicate it with what I have.

That's good it does, probably because of that link you added.

[zelnik]

Heard back from the vbseo guys and they said it is nothing to do with vbseo!

[eternal_]

Well I thought I had it working but the counter seems to mess up?!

When I tweet something the counter will say "1" hit refresh and it will go back to "0" and each and every time after still "0" Any ideas?

I'm having the same problem, also with wordpress, always says 0. Annoying.

[eternal_]

Where is the headerinclude template, can't find it in my ftp client to make the change?

That's weird but this should fix it...

Edit your headerinclude template:

Find:

<meta name="description" content="{vb:raw vboptions.description}" />
</vb:if>


Below it Add:

<vb:if condition="THIS_SCRIPT == 'showthread'">
<link rel="canonical" href="http://www.example.com/forum/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}" />
</vb:if>

Make sure you change http://www.example.com/forum/ to the URL to your own forums, whatever is before "showthread.php..." when you are viewing a thread. (In the example given it would be: http://www.baghdad4ever.net/vb/)

This will include a canonical link on your threads (and only threads) which over-rides the URL passed to Twitter, with hopefully, the right one now...

If this doesn't work please give me a link to your forums so I can see what is up...

[eternal_]

Oh I found it! It's not headerinclude, it's headinclude

[BirdOPrey5]

Whoops... my bad... will fix the instructions- thanks.

[tommac3]

I dont see the code ... {vb:raw fblikebutton}

in SHOWTHREAD ... did this change in 4.0.6 ?

[BirdOPrey5]

No, I use 4.0.6 so it's definitely there... It may only be there if you have Facebook Integration turned on- not sure... if you don't use the facebook like button there are alternate instructions listed...

Also make sure there's no spaces before or after "{vb:raw fblikebutton}" in your search... Look for this code before it:
<vb:if condition="$show['fb_likebutton']">

[zelnik]

Well I thought I had it working but the counter seems to mess up?!

When I tweet something the counter will say "1" hit refresh and it will go back to "0" and each and every time after still "0" Any ideas?

It seems to fix itself after a certain amount of hours after you click the tweet button!??!

If I go back to the thread the next day the indicator is correct (it also counts retweets which is nice)

Now the only issue is which i'm sure can't be worked around is that if the thread is multipaged the indicator only shows on one of the pages.

[BirdOPrey5]

Each page has it's own URL so if someone tweets page 2 people will be linked directly to the second page... the page # can be removed from the canonical link expression so it's always the first page that gets tweeted, but that could hurt the SEO of your forums because you giving the link to a different page then the actual content it on...If someone tweets page 2 instead of page 1 maybe the 'good' post is on the 2nd page anyway.

If it's 'fixing itself' it sounds like a Twitter server issue not keeping up with the counts... this is still new to them so maybe they will figure it out.

[CruisersConnect]

Anyone know how I can add this to my article pages?

[BirdOPrey5]

I don't have the full suite so I don't know what the article template looks like- but if you use facebook like button I'd imagine it's a very similar edit, if not the exact same code.

[rtyagis]

I have installed it in Navbar templete -

There is problem - till individual thread its good but on a thread.

It tweet this url
http://www.policywala.comshowthread.php/299978

Instead of this url
http://www.policywla.com/showthread.php/299978

How to fix this problem? :mad:

[zelnik]

How to fix this problem? :mad:

https://vborg.vbsupport.ru/showpost.php?p=2087821&postcount=42

[rtyagis]

https://vborg.vbsupport.ru/showpost.php?p=2087821&postcount=42
Thanks Zelnik ! Now its working!

[VIPER-MAN]

Perhaps it's something to do with vbseo?

BTW: when you click the number (which is 0 most of the time) it does take you to the tweeted link on Twitter.com


I don't have vbSEO and am having the same issue. However I think it takes a few minutes for the count to be accurate ...

[iguano]

works but in the tweet i see this:

why?

[BirdOPrey5]

works but in the tweet i see this:

why?

The last part of the instructions is:

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.


In the code you entered into the template you need to replace "YOUR_TWITTER_USERNAME" with your actual twitter username...:up:

[digobguerreiro]

I have test coment #42 and not work.
My forum is www.forumdigitalfoto.com

[digobguerreiro]

Already working, thanks!

[digobguerreiro]

Find: headinclude

<meta name="description" content="{vb:raw vboptions.description}" />
</vb:if>

Replace

<meta name="description" content="{vb:raw vboptions.description}" />
</vb:if>

<vb:if condition="THIS_SCRIPT == 'showthread'">
<link rel="canonical" href="http://www.example.com/forum/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}" />
</vb:if>

Find: SHOWTHREAD

<vb:if condition="$show['fb_likebutton']">

Replace

<vb:if condition="$show['fb_likebutton']">
<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?url=http://www.forumdigitalfoto.com/{vb:link thread, {vb:raw thread}}" class="twitter-share-button" data-count="horizontal" data-via="f_digitalfoto">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>{vb:raw fblikebutton}

---------------------------------------------

The code above worked for my forum but now have a problem. Topics with accents do not work. How to solve this problem?

[BirdOPrey5]

What do you mean by "accents"? Accented characters? like ãàÈ? Can you link me to a thread where it isn't working?

[ComoEstaEso-com]

Installed!
Using this mod, and the vB 4.0.6 built-in Facebook Like button.
All working smoothly.
THANK YOU! :D
w00t w00t! :)

[digobguerreiro]

What do you mean by "accents"? Accented characters? like ???? Can you link me to a thread where it isn't working?

Characters ??? not working

[BirdOPrey5]

Honestly I have no experience with non english characters, I'll google and see if I can find the issue. A link where I could see it may be able to help.

[BirdOPrey5]

I'm not having a problem with accented characters... Here I tweeted this and it worked fine:
http://t.co/TAIYSz1

Also no reports on Google of any issues on this subject. I will need a link to a thread where it isn't working to be able to try anything else.

[ComoEstaEso-com]

I'm experiencing the zero-value tweet count.
We are running vBseo, and vB4.0.6

Somehow, I think it is something on Twitter's side.
In any event... so far so good! :)

[Neal-UK]

This is odd. I'm using the built-in Facebook like option. When vBSEO is enabled, only the Facebook button shows. Disabling vBSEO and the Twitter button shows but no Facebook.

[Montecristo]

Help. I've tried everything and does not work.

Clicking the button tweet sends me www.miforo.comshowthread.... instead of www.miforo.com / forums / showthread ....

What could be?

[BirdOPrey5]

Help. I've tried everything and does not work.

Clicking the button tweet sends me www.miforo.comshowthread.... instead of www.miforo.com / forums / showthread ....

What could be?

The 'fix' for your problem was posted in post #42 of this thread.

This is odd. I'm using the built-in Facebook like option. When vBSEO is enabled, only the Facebook button shows. Disabling vBSEO and the Twitter button shows but no Facebook.

That is very odd... I would double check the template edit was in the exact right place... Also would be interested in viewing source of your pages in each condition (at least the text around where the buttons should be) so can you post that code or a link where I can see it myself?

[Montecristo]

[QUOTE=BirdOPrey5;2101108]The 'fix' for your problem was posted in post #42 of this thread.

No... I tried everthing.... and nathing!!!!!!!!!!!!!!:(

[BirdOPrey5]

[QUOTE=BirdOPrey5;2101108]The 'fix' for your problem was posted in post #42 of this thread.

No... I tried everthing.... and nathing!!!!!!!!!!!!!!:(

Link to your forum? www.miforo.com isn't working...

[Montecristo]

The problem are the titles of the post. If you have óíéúá´. not work.

your post appears showthread.php?t=54254

my post showthread?t=54254-this-is-the-name-my-póst <---the accent no works

[BirdOPrey5]

The problem are the titles of the post. If you have ??????. not work.

your post appears showthread.php?t=54254

my post showthread?t=54254-this-is-the-name-my-p?st <---the accent no works

Yes you are correct... when I repeated the test on a 4.0 test board I get the error "'url' parameter does not contain a valid URL" I notice if you erase the text and keep the number the link still works, for example:
http://www.testdomain/test/showthread.php/16-accent-test-%C3%B3%C3%AD%C3%A9%C3%BA%C3%A1

goes to the same place as simply:
http://www.testdomain/test/showthread.php/16

I will see if there's a way to use the simplified URL as the URL parameter

[Montecristo]

Yes you are correct... when I repeated the test on a 4.0 test board I get the error "'url' parameter does not contain a valid URL" I notice if you erase the text and keep the number the link still works, for example:
http://www.testdomain/test/showthread.php/16-accent-test-%C3%B3%C3%AD%C3%A9%C3%BA%C3%A1

goes to the same place as simply:
http://www.testdomain/test/showthread.php/16

I will see if there's a way to use the simplified URL as the URL parameter


Thanks, I look forward to your response. :D:up:;)

[Montecristo]

Ok, i change url friendly in admincp url and works.

URL FRIENDLY STANDAR

Thanks!!!!!!!!!!!

[BirdOPrey5]

Great news!

[subvertbeats]

Hi Joe

Indeed setting the board to use standard URLs does get around this issue, but if the mod can somehow use the standard URL whislt friendly URLs are enabled for the board that would be ideal since friendly URLs are good for our search engine rankings.

Thanks for this excellent mod...

[BirdOPrey5]

Hi Joe

Indeed setting the board to use standard URLs does get around this issue, but if the mod can somehow use the standard URL whislt friendly URLs are enabled for the board that would be ideal since friendly URLs are good for our search engine rankings.

Thanks for this excellent mod...

Understood. Is this problem currently affecting you personally? (Just trying to prioritize things.)

[Neal-UK]

Got mine working again, it's a vBSEO issue: http://www.vbseo.com/f77/facebook-like-button-vanishes-45619-new/

[ceho]

I installed it on a customized 4.0.7 using the I Like button and it works perfect, thank you very much.

However, it looks I am a bit slow tonight ;-), is it possible to have the twitter button and cound left to the FB button? I am a bit confused with the code, maybe you can help me?

Thanks a lot!

[BirdOPrey5]

Although it's counter-intuitive if you just swap the code location with the facebook like button the Tweet button will be to the left of the FB button.

Use this as a replacement instead of the original directions:

{vb:raw fblikebutton}<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>

[ceho]

That was too easy ;-). Thank you very much and I will consider your advice for sure!

[Tony_FPM]

That's weird but this should fix it...

Edit your headinclude template:

Find:

<meta name="description" content="{vb:raw vboptions.description}" />
</vb:if>


Below it Add:

<vb:if condition="THIS_SCRIPT == 'showthread'">
<link rel="canonical" href="http://www.example.com/forum/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}" />
</vb:if>

Make sure you change http://www.example.com/forum/ to the URL to your own forums, whatever is before "showthread.php..." when you are viewing a thread. (In the example given it would be: http://www.baghdad4ever.net/vb/)

This will include a canonical link on your threads (and only threads) which over-rides the URL passed to Twitter, with hopefully, the right one now...

If this doesn't work please give me a link to your forums so I can see what is up...

Done but still not working. Now i get http://www.freakpyromaniacs.com/forum/forum.phpshowthread.php?28916-Bunker-met-vuurwerk-in-Duitsland-quot-ontploft-quot-16-09-2010 when i click the link in the tweet and it is missing again a / ....http://www.freakpyromaniacs.com/forum/forum.phpshow/thread.php?28916-Bunker-met-vuurwerk-in-Duitsland-quot-ontploft-quot-16-09-2010

Help me please...

This is my template code
<meta http-equiv="Content-Type" content="text/html; charset={vb:stylevar charset}" />
<meta id="e_vb_meta_bburl" name="vb_meta_bburl" content="{vb:raw vboptions.bburl}" />
<base href="{vb:raw vboptions.bburl}/" /><!--[if IE]></base><![endif]-->
<meta name="generator" content="vBulletin {vb:raw vboptions.templateversion}" />

<vb:if condition="$show['threadinfo']">

<vb:elseif condition="$show['foruminfo']" />
<meta name="keywords" content="{vb:raw foruminfo.title_clean}, {vb:raw vboptions.keywords}" />
<meta name="description" content="<vb:if condition="$pagenumber > 1">{vb:rawphrase page_x, {vb:raw pagenumber}}-</vb:if>{vb:raw foruminfo.description_clean}" />
<vb:else />
<meta name="keywords" content="{vb:raw vboptions.keywords}" />
<meta name="description" content="{vb:raw vboptions.description}" />
</vb:if>
<vb:if condition="THIS_SCRIPT == 'showthread'">
<link rel="canonical" href="http://www.freakpyromaniacs.com/forum/forum.php{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}" />
</vb:if>

<vb:if condition="$show['fb_opengraph']">
{vb:raw facebook_opengraph}
</vb:if>

<script type="text/javascript" src="{vb:stylevar yuipath}/yuiloader-dom-event/yuiloader-dom-event.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript" src="{vb:stylevar yuipath}/connection/connection-min.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript">
<!--
var SESSIONURL = "{vb:raw session.sessionurl_js}";
var SECURITYTOKEN = "{vb:raw bbuserinfo.securitytoken}";
var IMGDIR_MISC = "{vb:stylevar imgdir_misc}";
var IMGDIR_BUTTON = "{vb:stylevar imgdir_button}";
var vb_disable_ajax = parseInt("{vb:raw vboptions.disable_ajax}", 10);
var SIMPLEVERSION = "{vb:raw vboptions.simpleversion}";
var BBURL = "{vb:raw vboptions.bburl}";
var LOGGEDIN = {vb:raw bbuserinfo.userid} > 0 ? true : false;
var THIS_SCRIPT = "{vb:raw this_script}";
var RELPATH = "{vb:raw relpath}";
// -->
</script>
<script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/vbulletin-core.js?v={vb:raw vboptions.simpleversion}"></script>
{vb:raw template_hook.headinclude_javascript}

<vb:if condition="$vboptions['externalrss']">
<link rel="alternate" type="application/rss+xml" title="{vb:raw vboptions.bbtitle} {vb:rawphrase rss_feed}" href="{vb:raw vboptions.bburl}/external.php?type=RSS2" />
<vb:if condition="$show['foruminfo'] OR $show['threadinfo']">
<link rel="alternate" type="application/rss+xml" title="{vb:raw vboptions.bbtitle} - {vb:raw foruminfo.title_clean} - {vb:rawphrase rss_feed}" href="{vb:raw vboptions.bburl}/external.php?type=RSS2&amp;forumids={vb:raw foruminfo.forumid}" />
</vb:if>
</vb:if>

<vb:if condition="$vboptions['storecssasfile']">
{vb:cssfile main-rollup.css}
{vb:raw template_hook.custom_css_links}
<vb:else />
{vb:cssfile bbcode.css,editor.css,popupmenu.css,reset-fonts.css,vbulletin.css,vbulletin-chrome.css,vbulletin-formcontrols.css{vb:raw template_hook.custom_css_list}}
</vb:if>
{vb:raw template_hook.headinclude_css}

[BirdOPrey5]

^^^^

Your issue is with the line:

<link rel="canonical" href="http://www.freakpyromaniacs.com/forum/forum.php{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}" />

Change it to:

<link rel="canonical" href="http://www.freakpyromaniacs.com/forum/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}" />

and you should be set. :up:

You had an extra "forum.php" in that line...

[Tony_FPM]

^^^^

Your issue is with the line:

<link rel="canonical" href="http://www.freakpyromaniacs.com/forum/forum.php{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}" />

Change it to:

<link rel="canonical" href="http://www.freakpyromaniacs.com/forum/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}" />

and you should be set. :up:

You had an extra "forum.php" in that line...

Thanks. It works now! :)

[swiftor]

You didn't mention this working for blogs, but I tried anyway in the blog_show_entry template, and it appears on two separate lines. Any chance of instructing on how to make it look nicer on one line?

122351

[BirdOPrey5]

I don't have the vB4 Suite so I can't test out too much. I downloaded a copy of your blog and played with some settings- if you completely remove the <div> tag around the Twitter code then both buttons show up on the same line, but the twitter button is a few pixels higher than the Facebook button. I haven't figured out a way to correct this without using a div tag, if I had a suite license I would try some more but if you play with it hopefully you can figure it out.

Also I noticed you didn't put your Twitter username into the code, your username is still set to "YOUR_TWITTER_USERNAME."

[swiftor]

thanks for that!

[subvertbeats]

Understood. Is this problem currently affecting you personally? (Just trying to prioritize things.)

Hi Joe

Id be hard pressed to say that with any confidence.
Basically, I just dont know if its affecting us. I think it might be but can't say for sure.

All the best,

[Tony_FPM]

Everything works accept the counter.
We also work with VBseo but don't use the FB options.

[BirdOPrey5]

The counter may not work if you have unique URL's for whatever reason. You can remove the count by changing the code from data-count="horizontal" to data-count="none".

[motorola]

I got this error in vB 4.0.7 => 'url' parameter does not contain a valid URL. What's wrong?

[BirdOPrey5]

I got this error in vB 4.0.7 => 'url' parameter does not contain a valid URL. What's wrong?

Does the URL contain foreign language characters? Maybe ones with accents? This was a reported issue so far the only solution is to change the type of URL's in vbulletin options to Standard instead of Friendly, but this isn't an ideal solution because friendly url's are better for SEO. I am working on another solution but haven't found it yet.

[Sea Shepherd]

I also get:
After clicking the TWEET button.

URL required

'url' parameter does not contain a valid URL.

[BirdOPrey5]

I also get:
After clicking the TWEET button.

URL required

'url' parameter does not contain a valid URL.

I ask you the same question as I asked in post #114, do you have accented characters in your thread title?

[Sea Shepherd]

Not that i can see.
However it seems to be working today!

Edit: Stopped working again. Example URL: http://www.planetoceanalliance.org/forum/showthread.php/11315-Welcome-to-Planet-Ocean-Alliance.-Please-Read.

[BirdOPrey5]

You have the "Canonical Link Element" on your page, I don't know if you added it following the instructions here or for some other reason, but in either case it's wrong.

You have:
<link rel="canonical" href="showthread.php/11265-Forum-Downtime..Sorry!" />

It's missing the http://www.planetoceanalliance.org/forum/" before the "showthread.php..." you should manually add this info to the template... from your source code it looks like this is in your SHOWTHREAD template but I'm not 100% sure.

[oldfan]

works great with 4.08 thanks

[oldfan]

works great with 4.08 thanks

All but the tweet count :(

[BirdOPrey5]

I visited the 4.x site in your signature- I see you have the tweet counter disabled (data-count="none") what was the issue you were having with the counter? Sometimes I've seen twitter themselves show the wrong count for a few hours but eventually it gets 'fixed' - I guess Twitter themselves are still working out the bugs.

You also may want to try the option in post number 42 of this thread if you are having issues with the counter.

[oldfan]

I visited the 4.x site in your signature- I see you have the tweet counter disabled (data-count="none") what was the issue you were having with the counter? Sometimes I've seen twitter themselves show the wrong count for a few hours but eventually it gets 'fixed' - I guess Twitter themselves are still working out the bugs.

You also may want to try the option in post number 42 of this thread if you are having issues with the counter.

i tried #42, once I tweet the post it says (1 tweet) once i surf again and go back to the post it says zero again.

[BirdOPrey5]

OK Try this... replace the existing Twitter code:
<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>
Replace with:

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR_TWITTER_USERNAME" data-url="http://www.example.com/forum/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>


Be sure to change YOUR_TWITTER_USERNAME to your twitter username and http://www.example.com/forums/ with the URL of your forums...

This *should* fix all issues with the count disappearing when leaving a page and coming back.

[oldfan]

OK Try this... replace the existing Twitter code:
<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>
Replace with:

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR_TWITTER_USERNAME" data-url="http://www.example.com/forum/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>


Be sure to change YOUR_TWITTER_USERNAME to your twitter username and http://www.example.com/forums/ with the URL of your forums...

This *should* fix all issues with the count disappearing when leaving a page and coming back.

same thing, tweet count disappears
this is the code I used

<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="metallitweets" data-url="http://www.metallifukinca.com/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>{vb:raw fblikebutton}
</vb:if>

[BirdOPrey5]

The code looks absolutely right... I would just remove the canonical link element if you're not using it at this point... the URL showing in the canonical link is different than the url showing in the twitter code, which could be the problem.

[oldfan]

The code looks absolutely right... I would just remove the canonical link element if you're not using it at this point... the URL showing in the canonical link is different than the url showing in the twitter code, which could be the problem.


ga? :eek:

[BirdOPrey5]

ga? :eek:

I don't understand the question. :confused:

[oldfan]

ga? :eek:

Basically I don't understand what you mean by

I would just remove the canonical link element if you're not using it at this point... the URL showing in the canonical link is different than the url showing in the twitter code, which could be the problem.

[BirdOPrey5]

Ahhh... OK basically I went to this thread on your forum: http://www.metallifukinca.com/showthread.php?14228-test

And then I went to "View Source" in my browser.
Then on line 15 of the source you have this line:

<link rel="canonical" href="http://www.metallifukinca.com/showthread.php?14228-test" />

This is the canonical link element. I assume you added it when you followed the instructions in post 42... since it didn't solve the problem you should probably remove it. I think it would be in your headinclude template.

[oldfan]

Ahhh... OK basically I went to this thread on your forum: http://www.metallifukinca.com/showthread.php?14228-test

And then I went to "View Source" in my browser.
Then on line 15 of the source you have this line:

<link rel="canonical" href="http://www.metallifukinca.com/showthread.php?14228-test" />

This is the canonical link element. I assume you added it when you followed the instructions in post 42... since it didn't solve the problem you should probably remove it. I think it would be in your headinclude template.

I removed the code from the headinclude, once you tweet the thread it goes to 1, once you refresh the 1 disappears again

[BirdOPrey5]

OK... I'll see if I can replicate the issue on my 4.0.8 test board...

[oldfan]

OK... I'll see if I can replicate the issue on my 4.0.8 test board...

thanks :)

[BirdOPrey5]

OK I am getting the same issue on 4.0.8 now... I looked up some info and it seems Twitter is now caching the twitter count so it doesn't update in real time... I made a couple of test tweets and it still shows "0" when i go back... I'm going to give it some time and see if the correct count is eventually displayed.

This is official info from Twitter on the subject:

My count doesn’t seem to be going up, is something wrong?

To improve performance we cache the count before displaying it. The cache is updated frequently but on some occasions it may look like your count is not increasing while the cache is updated. In addition, the count only includes public Tweets meaning a Tweet from a protected account will not cause an increase.

[oldfan]

OK I am getting the same issue on 4.0.8 now... I looked up some info and it seems Twitter is now caching the twitter count so it doesn't update in real time... I made a couple of test tweets and it still shows "0" when i go back... I'm going to give it some time and see if the correct count is eventually displayed.

This is official info from Twitter on the subject:

Thanks for the info

[oldfan]

any luck?

[BirdOPrey5]

No, but I have found this is a widespread issue.. many bloggers posting about the exact same issue... no one can seem to find a rhyme or reason when it works or doesn't work. Hopefully twitter is working on the issue, I'd imagine they have to know about it considering how wide spread the issue is. All I can suggest for no is to disable the count or let your members know the count isn't working right yet... I'd imagine someday it will just start working when Twitter fixes the issue.

I went through about 10 different options using canonical links, data-url, and count-url options for the twitter tag and using both "basic" friendly and "advanced" friendly URL's in vbulletin and nothing worked.

I wish I knew if it was something new in 4.0.8 or if older VB4 versions also stopped counting- not that I'm in a position to do much about it but it would be nice to know.

Anyone with VB4 have this still working right?

[123_y_321]

ok, when I click the tweet button this is what I get

'url' parameter does not contain a valid URL.

How can I fix this?

[BirdOPrey5]

Can you paste the exact text/code for the twitter button you are using in your template?

[123_y_321]

here is my code

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="MY USER NAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

[BirdOPrey5]

here is my code

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="MY USER NAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Do you have accented/non-english characters in your URL? Some people have mentioned problems with that before... in any case try this:

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR_TWITTER_USERNAME" data-url="http://www.example.com/forum/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>


Replace "YOUR_TWITTER_USEENAME" and also replace http://www.example.com/forum/ with the URL to your forums.

[123_y_321]

Do you have accented/non-english characters in your URL? Some people have mentioned problems with that before... in any case try this:

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR_TWITTER_USERNAME" data-url="http://www.example.com/forum/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>


Replace "YOUR_TWITTER_USEENAME" and also replace http://www.example.com/forum/ with the URL to your forums.

Thanks for your reply! Yes, there are non-English chars in my urls. And I have tried your way; replace everything that I support to. But no luck.

[BirdOPrey5]

OK, I got 1 more trick up my sleeve... Give me a few minutes to test it... will reply back once I make sure it works.

[BirdOPrey5]

OK... use this code... remember to replace the username with your own...

This should remove all the special characters from your URL so it should work with twitter... please let me know.

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR_TWITTER_USERNAME" data-url="{vb:raw vboptions.bburl}/showthread.php?t={vb:raw threadid}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

[123_y_321]

you are the best. It works like a charm. Thank you very much.

[BirdOPrey5]

Glad to hear it... :up:

[123_y_321]

I tweet just fine but the count just stay as 0. Can you please review this once more time? Thank you.

[BirdOPrey5]

Yeah the count issue is a widely reported problem, some people are affected some aren't, there so far doesn't seem to be a rhyme or reason to it. One option is to disable the count completely by changing "horizontal" to "none" in the code.

One thing I would try first though is this code which tells it to specifically count the URL you're twittering:

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR_TWITTER_USERNAME" data-url="{vb:raw vboptions.bburl}/showthread.php?t={vb:raw threadid}" data-counturl="{vb:raw vboptions.bburl}/showthread.php?t={vb:raw threadid}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

[123_y_321]

wont work; i think I will disable the count completely. Thank you for your help.

[oldfan]

still no luck with this?

[BirdOPrey5]

nothing yet. :(

[Seawolf]

Is there a way to have it show the follow-up screen that suggests to follow a user after they click tweet.... namely the user that I'm already inserting for the "via" part of the tweet? Thanks.

[BirdOPrey5]

They should already see the 'via' user as a suugested follower- if it's not YOU tweeting since you can't follow yourself... you can add an additional suggested follow by adding:

data-related="2ndUSERNAME"

to the twitter code, so:
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR_TWITTER_USERNAME" data-related="2ndUSERNAME">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

[OldSchoolDSL]

Installed and I believe its working (not planning on setting up a 2nd tweet account to test from a 3rd party view). But I was able to tweet myself using the original code.

4.1 PL2

[justphil]

I don't think it's working for me. It installed correctly, but when I click the Tweet button, it says that Twitter is over capacity. But in another window I am logged into Twitter and it's working fine/not at capacity...
Also, I am using the mod that works WITH the Facebook one built-in to vB 4.x.

EDIT: This is the url from the Twitter pop-up window: "http://twitter.com/share?_=1294397124377&count=horizontal&original_referer=http%3A%2F%2Fslayalive.c om%2Fshowthread.php%2F758-New-Feature-Tweet-This!%3Fp%3D12354&text=New%20Feature%3A%20Tweet%20This!&url=http%3A%2F%2Fslayali ve.comshowthread.php%2F758-New-Feature-Tweet-This!&via=SlayAliveForum"

Doesn't seem right. I hope this can be fixed because I really want to use this!

[BirdOPrey5]

Your info appears correct- Twitter could use different severs for the "Tweet This" button then they do their regular site so it's possible one is over capacity while the other still works- in fact I'm fairly sure different sites tweet buttons get handled by different servers- I would give it a few hours and try again before worrying too much.

If you want me to take a look you can post your exact twitter code used in the template here and I'll double check it for anything suspicious.

[justphil]

Looks like this only happens when there are special characters in the thread title, i.e - !?.,@ and so on. Threads that do not include special characters in the title work fine. Otherwise I get that "at capacity" message. Weird.

[BirdOPrey5]

See post #143 in this thread to fix the non-English character issue.

[OldSchoolDSL]

See post #143 in this thread to fix the non-English character issue.

I used the original code in the 1st post (for those of use who want to use Facebook and Twitter).

But I also have vBet which translates my community in a wide range other then English. Should I use the code also or did you update the 1st post to include the fix in post #143?

[BirdOPrey5]

Post 143 isn't necessary for most people do I didn't include it in post # 1...

The combined code from post 1 and 143 you should use is:


<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" data-url="{vb:raw vboptions.bburl}/showthread.php?t={vb:raw threadid}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>{vb:raw fblikebutton}

[OldSchoolDSL]

Post 143 isn't necessary for most people do I didn't include it in post # 1...

The combined code from post 1 and 143 you should use is:


<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" data-url="{vb:raw vboptions.bburl}/showthread.php?t={vb:raw threadid}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>{vb:raw fblikebutton}



Thank you so very much. :)

[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]

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/showthread.php?1993-Welcome-All-New-Righteous-Kings-Clan-Members.-Please-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 . 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;a ction=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]

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

[zelnik]

Hey BOP any idea how to add the twitter button to CMS and Blog stuff yet?

[BirdOPrey5]

I just got access to a Suite version of VB4 so I'll play around and let you know soon.

[Special Pages]

Thank you so much! I love it! :D

[BirdOPrey5]

I just got access to a Suite version of VB4 so I'll play around and let you know soon.

Uggh! I thought it was the suite version, it turned out to be classic forum with VB Advanced instead. If anyone has a VB Full Suite test site I can login and play with I can try to figure out how to add it to the Articles... If you do PM me the login details, will need to be an admin account.

Thanks.

I will edit this post if someone sends me a login so if you are reading this probably no one has yet. ;)

[Iguana Goddess]

Everything works great except lol I can ONLY tweet from the private forums and not the public ones! I have the built in fb like button enabled, followed the instructions, I am running version 4.1.1

[BirdOPrey5]

Are you using a <vb:if...> conditional? If so it sounds like there is an extra or missing exclamation point (!) which would show the tweet button in the opposite forums.

[Iguana Goddess]

Are you using a <vb:if...> conditional? If so it sounds like there is an extra or missing exclamation point (!) which would show the tweet button in the opposite forums.

The buttons show everywhere (unless I am misunderstanding what you mean).
Decided to test the forums again, and well now it's working with no problem, maybe I just needed to clear my cache? That is all I have done since the install earlier now no issues. Thanks for your time.

[BirdOPrey5]

OK, glad it is working. :up:

[BlueCheri]

Working fine, thanx

[BirdOPrey5]

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 needed 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. You can try the code and report your results on 4.1.2 and beyond. The main point is the twitter code can really be placed anywhere on showthread- it's finding the ideal location that will take some trial and error:

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR_TWITTER_USERNAME" data-url="{vb:raw vboptions.bburl}/showthread.php?t={vb:raw threadid}" data-counturl="{vb:raw vboptions.bburl}/showthread.php?t={vb:raw threadid}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>


After you find the best location you can worry about a conditional to only show in some forums if you want.

[Merenguista]

I'll tying this .. Thank's man ..

[Kingdombuilder]

For those that are using 4.1.1 and you are using the fb integration, I used this code that i put together from the earlier posts in this thread:

<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 ACCOUNT NAME" data-url="{vb:raw vboptions.bburl}/showthread.php?t={vb:raw threadid}" data-counturl="{vb:raw vboptions.bburl}/showthread.php?t={vb:raw threadid}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>{vb:raw fblikebutton}

I hope this helps you. this is an awesome mod thanks to all for this hack!

[Krusty1231]

Thanks for this - tested on VB 4.1.1 using Kingdombuilder's code.....works great.

[AURFSCAN]

hello BOP5

If i have a thread with 50 pages, when i make a tweet for a particular page... say page 20 it will resolve the url of the page to twitter if the format of the url ending is like this

/page20

but will not resolve the url of the page to twitter if the end of the url is like this

&p=46607#post46607

if the url ends with eg. &p=46607#post46607 the tweet url will point to the start of the thread regardless how many pages in the thread.

How do I make it that the url tweeted will be whatever is in the address bar

It understands /page20 but wont resolve &p=46607#post46607

thanks

[BirdOPrey5]

First, in general tweeting page numbers tends to cause problems. Most forums allow users to select the number of posts per page so your page 10 might be my page 5 or someone else's page 1... so the page number tweeted might not work for whoever follows the link in the tweet.

In the code I recently posted:

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR_TWITTER_USERNAME" data-url="{vb:raw vboptions.bburl}/showthread.php?t={vb:raw threadid}" data-counturl="{vb:raw vboptions.bburl}/showthread.php?t={vb:raw threadid}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

It will always tweet the first page of the thread which is what I recommend.

If you remove the data-url and data-counturl attributes the URL tweeted should match exactly the URL in the browser address bar which should respect page numbers, but as I said they can be different for different people.


<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>

[AURFSCAN]

I'll check it out.. big thanks BOP5

[Poker Face]

<a href="https://vborg.vbsupport.ru/attachment.php?attachmentid=121142&d=1282396263" target="_blank">https://vborg.vbsupport.ru/attac...2&d=1282396263</a>

Just upgraded to 4.1.2 and the facebook like button is floating left, to the end of Thread Title instead of staying right with the tweet button as shown in this image...

Everything seems to be working...

What do I need to change to keep it to the Right?

[BirdOPrey5]

https://vborg.vbsupport.ru/attachment.php?attachmentid=121142&d=1282396263

Just upgraded to 4.1.2 and the facebook like button is floating left, to the end of Thread Title instead of staying right with the tweet button as shown in this image...

Everything seems to be working...

What do I need to change to keep it to the Right?

See post # 180 in this thread... if/when I get to install 4.1.2 I may have more answers.

[yahooooh]

count issue
i think it is because of t.co short url services of twitter and some pages will not be counted
if you can add short url to the code so it will works

[nick-harper]

In 4.1.2 there is a template called "facebook_likebutton"

Just add it to the end of that template :)

[nick-harper]

Try This:

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="TWITTERNAME" data-url="{vb:raw vboptions.bburl}/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_newpost}, 'threadid', 'threadtitle'}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

[BirdOPrey5]

In 4.1.2 there is a template called "facebook_likebutton"

Just add it to the end of that template :)

Great Idea :up:

Try This:

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="TWITTERNAME" data-url="{vb:raw vboptions.bburl}/{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_newpost}, 'threadid', 'threadtitle'}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

That should work, my concerns are it will use the page number and the thread title. On many forums people's page numbers vary... For instance this is page 4 for me, it may be page 10 for someone else or page 2 for yet someone else. Therefore if you tweet the url with the page number the person following the link could very well end up on a different page.

For this reason I prefer to tweet the first page only no matter what page someone hits the tweet button on. Not to mention each page would have it's own tweet counter (so if someone tweets page 2, page 1 would be zero still).

For the same reason I don't like using the full title in the URL because if the title is edited the count will reset as well.

[Eruantien]

Anyone know why the tweet count resets to 0 when you refresh the page?

[TWood]

I used the code from Post 143 here and it works nicely to fix the dropped slash problem. Thank you!

How would that code be modified to Tweet a link to a single post? I'd add the button to the post header bar, next to the permalink. I assume it would use the permalink, but don't know how to code that.

Similarly, how would the code for the Facebook 'Like' button be modified to 'Like' a single post instead of the entire thread?

Thanx

(I'm using 4.1.3)

[BirdOPrey5]

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR_TWITTER_USERNAME" data-url="{vb:raw vboptions.bburl}/showthread.php?p={vb:raw post.postid}#post{vb:raw post.postid}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>



That should work per post anywhere in the postbit templates.

In facebook or anything else use this URL per post:
{vb:raw vboptions.bburl}/showthread.php?p={vb:raw post.postid}#post{vb:raw post.postid}

[andycaps]

I installed this ok and it sends the thread out to my twitter page but the URL on the tweet does not take the reader back to the forum thread?

Its: Tweet to Twitter test http://t.co/vzi8yBF

Does anyone know why its creating the wrong link, what do i need to do to the code to correct this and auto post the correct URL back to the forum thread?

thanks guys
Andy

[BirdOPrey5]

There is so much wrong with the URL you pasted I don't know where to begin...

Exactly what code are you using for the twitter buttong- post it here.

Also post the URL to a thread that has the twitter button on your forum.

[TWood]

Thanks BoP -

BTW, I placed a bug report at Twitter regarding the missing / after the .com and they acknowledge the bug:

http://code.google.com/p/twitter-api/issues/detail?id=2231

Looking at your source code you have the following line in your <head> element:
<link rel="canonical" href="showthread.php?37-Welcome-to-78759-and-Surrounding-Areas">

Your canonical URL is relative and it looks like the concatenation of base url + canonical url is missing the joining '/'.

Letting the team know so they can look into it. Updating the title from:
Tweet button removes slash in vBulletin URL and breaks the hyperlink


Summary: forward slash is missing when a relative rel="canonical" is concatenated to the domain
Status: Acknowledged

[BirdOPrey5]

Cool. :up:

[TWood]

Heh,

I also submitted this as a bug report to vBulletin and they acknowledged the bug but downgraded it from my "Major" rating to "Minor". Not being able to let your Twitter users with a large number of followers share a link to your forum is minor?

[BirdOPrey5]

Heh,

I also submitted this as a bug report to vBulletin and they acknowledged the bug but downgraded it from my "Major" rating to "Minor". Not being able to let your Twitter users with a large number of followers share a link to your forum is minor?

Well there is a "fix" in post # 143 that will let you use this mod- it just takes a little extra code. So I can understand why it's not major... Major is: Oh crap, the new editor doesn't work on iPhones and iPads. That's major.

[scubasteve3]

I've followed your instructions and I am getting a few errors. For some reason "[/CODE] " Shows up next to my facebook like button now. Anyway to get rid of this?
Is there anyway to make it so that the twitter link is shortened or truncated automatically? Right now its a long and nasty URL.

Unfortunately the twitter count fix in post #147 did not work for me :(

[Brandon Sheley]

OK... use this code... remember to replace the username with your own...

This should remove all the special characters from your URL so it should work with twitter... please let me know.

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="YOUR_TWITTER_USERNAME" data-url="{vb:raw vboptions.bburl}/showthread.php?t={vb:raw threadid}">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Hello
I have 2 issues with this code, one it's not showing all the past "tweets" our home page has over 100..

Also the link didn't include the thread ID eg..

general-forums.com/showthread.php?t=

Thanks for the code

[BirdOPrey5]

I've followed your instructions and I am getting a few errors. For some reason "[/CODE] " Shows up next to my facebook like button now. Anyway to get rid of this?
Is there anyway to make it so that the twitter link is shortened or truncated automatically? Right now its a long and nasty URL.

Unfortunately the twitter count fix in post #147 did not work for me :(

If [/code] is showing up next to your facebook button you must have accidentally copied "[/code]" from somewhere. Search your template for [/code] and simply delete it.

The twitter link should automatically be shortened using a built in URL shortener. Can I get a link to a page with this problem?

[BirdOPrey5]

Hello
I have 2 issues with this code, one it's not showing all the past "tweets" our home page has over 100..

Also the link didn't include the thread ID eg..

general-forums.com/showthread.php?t=

Thanks for the code

This mod doesn't show tweets anywhere so I don't understand how that could be a problem. It only allows people to send tweets. And they aren't tweeting AS you, they tweet as themselves, but with a link to your forum page.

As for the no threadid is your button in the SHOWTHREAD template? The code I give ONLY works in the SHOWTHREAD template.

If it is in SHOWTHREAD what version of vBulletin are you using?

[TWood]

I see you switched to Add This (http://www.addthis.com/) as a solution. I compared that to Share This (http://sharethis.com/) and went with them instead. Six to one half dozen of the other I suppose, but Share This just felt better, for me.

I considered adding it to the bottom of the navbar so it would be on every page, but then decided to add it to only a few templates, since there was no reason to 'share' every page.

[BirdOPrey5]

I checked out Share This- it looked good initially but what I don't like about it is that you need to give permission for Share This to interface it's own app with Facebook and Twitter whereas AddThis works directly with their API's and no special permission is needed. I for one basically never give 3rd party apps permission to work with my facebook or twitter accounts and I know that would stop a lot of people from sharing content on my site if they had to.

[Sage Knight]

Sir, I've been searching this for a while now, but I'm running 4.1.3

Do you plan on updating soon?

[TWood]

I checked out Share This- it looked good initially but what I don't like about it is that you need to give permission for Share This to interface it's own app with Facebook and Twitter whereas AddThis works directly with their API's and no special permission is needed. I for one basically never give 3rd party apps permission to work with my facebook or twitter accounts and I know that would stop a lot of people from sharing content on my site if they had to.

Yeah, I understand what you mean. So I've placed both of them for now, using the text versions so maybe it won't confuse people too much.

https://vborg.vbsupport.ru/external/2011/07/52.png

What I don't like about AddThis is that is doesn't show you the actual URL that it is sharing in the interface window for Facebook or Twitter (maybe others), just the shortened version. So you have make the link then click on it in your FB/Twitter page to test it. ShareThis shows both the actual URL and the shortened one in the interface window.

[BirdOPrey5]

Sir, I've been searching this for a while now, but I'm running 4.1.3

Do you plan on updating soon?

I'm glad you brought this up.

Today I released this mod: https://vborg.vbsupport.ru/showthread.php?t=266159

Adds the Twiitter, Google, Digg, and more share buttons to vBulletin and is compatible with all 4.0.x and 4.1.x versions.

I will be ending support for this mod as it is now out-dated.

[Fudgyyy]

tagged