Google+1 / Facebook / Linkedin / Twitter Share Buttons

[Winter Sonata]

Hello VBers!
This is my first modification here, I hope you will find it useful and helpful

About
Most of us now are aware of the importance of integrating social networks plugins into our websites and the great impact on increasing the site visibility and traffic, social networks made it too easy to share and recommend content which you consider useful for your friends.

What we will do now is integrating, Google+1, Facebook, Linked and Twitter share Buttons at your Showthread page

Live Demo : Language Teaching & Learning Resources (http://www.langacademy.net/vb/showthread.php?13508-What-are-you-waiting-for-WE-are-building-a-communty-and-you-are-a-part-of-it.) Check it under the signature
There is also a photo attached below.

Installation
We will edit the template : postbit_legacy or postbit ( whatever you use
let's assume that I will edit the postbit_legacy.

open postbit_legacy, look for this code :
{vb:raw template_hook.postbit_signature_start}
{vb:raw ad_location.ad_showthread_firstpost_sig}
<vb:if condition="$post['signature']">
<blockquote class="signature restore"><div class="signaturecontainer">{vb:raw post.signature}</div></blockquote>
</vb:if>
{vb:raw template_hook.postbit_signature_end}
</div>
</vb:if>


add after ( DON'T FORGET TO EDIT THE TWITTER ACCOUNT IN RED):
<vb:if condition="$post[postcount] == 1">
<div style="float: right; padding: 10px 0 8px 10px;">
<table border="0" height="62px">

<tr>
<td valign="bottom"><g:plusone size="tall"></g:plusone></td>
<td valign="bottom"><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="YOUR TWITTER USERNAME" data-related="aaronwall">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></td>
<td valign="bottom"> <script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script></td>
<td valign="bottom"><a name="fb_share" type="box_count" expr:share_url="data:post.url" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></td>

</tr>
</table>
</div>
</vb:if>

For Google +1 , you should add this code to the footer to work :
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>


Known Problems : Linkedin button give error if the thread titles has some characters like @, !!!!!! , etc, hope that once can help sort this out.

Disclaimer I have got this idea from this post (https://vborg.vbsupport.ru/showthread.php?t=264642) Thanks naveeid (https://vborg.vbsupport.ru/member.php?u=419217)

Feel free to Click ' Mark As Installed (https://vborg.vbsupport.ru/vborg_miscactions.php?do=installhack&threadid=264711) ' if you used.

[Samhan]

Thank you,
How to hide it in private forums!?

[Dr.osamA]

installed

thank you bro

[MADMA]

hi i am having problems with the google+1 bit. were in the footer do i put that script

[Winter Sonata]

hi i am having problems with the google+1 bit. were in the footer do i put that script

You should insert this code at the end of footer for ex : It may work in another places too.

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

[Winter Sonata]

Thank you,
How to hide it in private forums!?

Put the code between :

<vb:if condition="$forum[forumid] != FORUM ID">YOUR CODE HERE</vb:if>

Don't forget to write the forum ID, and your most done :)

[tarzan22]

Very good, but it could take just google +1?

thanks and regards

[Winter Sonata]

Very good, but it could take just google +1?

thanks and regards

Yes, you can delete other buttons if you would , let me know if you need any further help, I would be happy to assist :)

[CrossWind]

thank you nice work

[tarzan22]

perfect.

Thank you very much greetings

ejem

http://www.foroxd.com/gramola-dedicatorias-poemas-pensamientos-despedidas/239210-nostalgicos-de-foroxd.html

[fatdr]

Hi i used these codes but the google+1 doesn't work,
also i added extra code to footer?
vb 4.1.2

[Hakan39]

Thank you
installed

[Winter Sonata]

Hi i used these codes but the google+1 doesn't work,
also i added extra code to footer?
vb 4.1.2

Strange, add the extra code at the end of the footer and it should work

[Winter Sonata]

Thank you
installed

Please mark as installed ;)

[gyancentral]

can u be just kind enough to tell me which footer should i add ...i mean should i add the postbit_legacy footer or should i add to something other......pls do reply to this,....anyways its ausumn.....thread

[Winter Sonata]

At the footer template :)

Let me know if you need further help :)

[Filgga]

At the footer template :)

Let me know if you need further help :)
Tried but in vain, doesn't display. I need this Google +1 thing

[Last_Zero]

Why Dont Make It

padding: 10px 5px 8px 10px;

Instead of

padding: 10px 0 8px 10px;

So There Will Be A Spave Between Icons

[fatdr]

At the footer template :)

Let me know if you need further help :)
i added but it isn't working

[ghostiya]

facebook is kinda not showing the top thing. and Linkin just shows a there logo.

[AdamFL]

Thank you. I have an issue and not sure if it's related. I checked the URL and seems like when I share on twitter the posted tweet links are like:

Justanexampleforum.comshowthread.php/9-Qualities-

without the "/" -- Any ideas to fix this?

Thanks

[LeventX]

Thank you...

[Winter Sonata]

Thank you. I have an issue and not sure if it's related. I checked the URL and seems like when I share on twitter the posted tweet links are like:



without the "/" -- Any ideas to fix this?

Thanks

Works with me without this issue, could you try another link ?

[AdamFL]

I tried few and I still have the issue: broken shared links.

[CoZmicShReddeR]

Any suggestions how to make the Google+1 alignment?
http://www.cozworld.com/threads/1961-Youtube-player-in-Minecraft!!
It seems to be ridding in line with the other bubbles...

[Alan_SP]

Maybe it's something with vb4.1.4, as you have it installed.

[Wordplay]

i would love to use this but the facebook part doesn't work at all. i love the look of the buttons, but facebook doesn't show until you click it, then there is a +1, and when you load the page in a different browser, or reload it in that browser the number is gone again.

edit

just noticed it doesn't save anything for me, it doesn't save google+1 and facebook share doesn't work on for me at all even on links with just the thread id.

[ETDC]

What do I need to do to only add the Google +1? I have all the others.

[blackberry]

works with 3.8?

[final kaoss]

Thanks for the tip on how to add the Google plus 1. I found a better place (http://vgchat.info/forum/threads/162317-Indy-500) to add it though.

[daveaite]

Not bad of a mod, except the twitter still has data-related="aaronwall"> for unsuspecting vBulletin users, which will refer your tweets to his.

Also users can increase load time if they put:

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script> at the bottom of header include. Javascript is best placed in the top of webpages, not bottom for SEO purposes.

[ETDC]

Thanks for the tip on how to add the Google plus 1. I found a better place (http://vgchat.info/forum/threads/162317-Indy-500) to add it though.
Can't read it.

[final kaoss]

Fixed, I recently added that new category & the forums within it.

All four browsers have no problem with the Plus 1 code where it's at.

However when it comes to the addthis bar:
Firefox, IE, Opera display it fine but google chrome wants to set it above the "thread tools" dropdown menu.

[Antonio Pereira]

Put the code between :

<vb:if condition="$forum[forumid] != FORUM ID">YOUR CODE HERE</vb:if>

Don't forget to write the forum ID, and your most done :)

Only work for one forum ID.

What to do now?


One more thing with me in the 4.1.4 and vbseo only work with this code, but only for one forum:

<vb:if condition="$GLOBALS[forumid] != FORUM ID">YOUR CODE HERE</vb:if>


Best Regards

[Winter Sonata]

<vb:if condition="$GLOBALS[forumid] != 1,2,33,55">YOUR CODE HERE</vb:if>

You can add as many as forums you want.

[Antonio Pereira]

<vb:if condition="$GLOBALS[forumid] != 1,2,33,55">YOUR CODE HERE</vb:if>

You can add as many as forums you want.

You have tried this?

Dont work give error.

Best Regards

[Winter Sonata]

Sorry, did you try this one ?

<vb:if condition="$forum[forumid] != 1,333,55,44,555">YOUR CODE HERE</vb:if>

write the forums ID which you want the buttons to appear in.

[MADMA]

Thank you. I have an issue and not sure if it's related. I checked the URL and seems like when I share on twitter the posted tweet links are like:



without the "/" -- Any ideas to fix this?

Thanks

Replace

<td valign="bottom"><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="YOUR TWITTER USERNAME" data-related="aaronwall">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></td>

With

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

[owning_y0u]

Tweets not updating. keeps standing on 0

[MADMA]

Tweets not updating. keeps standing on 0

the tweet count doesnt work correctly

[dormopoco]

Yes not work please update twitter button

[DevOne5555]

Just FYI, the problems with the Tweet count are a known issue on Twitter's end. AFAIK only vBulletin 4.x users are affected. Until Twitter comes out with a fix the best thing to do is disable the Tweet button.

[Taggy]

To speed up the Google plus one button you can change.

<script src=?http://apis.google.com/js/plusone.js? type=?text/javascript?></script>

To

<script src=?https://apis.google.com/js/plusone.js? type=?text/javascript?></script>

When the plus one button is pressed Google redirects the javascript from a http URL to a https URL and can add up to 5 seconds on a users load time. So by changing the above code Google will no longer have to make this redirect.

[andresm000]

This is great! So i got it to work and I have 2 questions:
Is there any way to make the bubbles only display when hovering over the social media button?

Also, any way to make these buttons available on all CMS articles and comments? Please see screenshot.
http://brighthotelier.com/images/misc2/socialmedia.png

[birdie]

I just posted a job in the request for paid work for someone who can install this mod in vB3.6:
https://vborg.vbsupport.ru/showthread.php?t=268067

[MADMA]

I just posted a job in the request for paid work for someone who can install this mod in vB3.6:
https://vborg.vbsupport.ru/showthread.php?t=268067

i can do this for you, it is easy to do

[Cystomatic]

Is there also a way to add this to the index page of my forum? So that it would show up in the header?

Thank you.

[geggi69]

Hi, I have an issue with the twitter button: the address pointing to thread is wrong

indeed it appears to be

http://www.termometropolitico.itshowthread.php?1234-my-thread

while it should be

http://www.termometropolitico.it/forum/showthread.php?1234-my-thread

any hints?

Thanks so much

[RyanIsra.net]

Cool!
Just edited and works like a charm.

However, I prefer to put these buttons on the left, it's more eye-catching to users, IMO.

So, I changed the float to the left (in case anyone would do the same)

<div style="float: right; padding: 10px 0 8px 10px;">

to be:

<div style="float: left; padding: 10px 0 8px 10px;">

"Mark as Installed" : Done :D

[RyanIsra.net]

Btw, the script seem to be conflict with CONNECT button.

If I removed this script:

<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

the facebook connect button appear but the share button gone (only text link)

Any suggestion?

[duketxboy]

the twitter name do we put our own twitter name because I don't have one so trying to figure it out

[GameOverViper]

I know this site that I'm going to mention isn't vbulletin, but is there a way for us to add the social buttons to the side of the forum and make it so they scroll with the page when you scroll down? See example (http://www.se7ensins.com/forums/).

[Goomzee]

Is this mod works with 3.8.2 version?

[Alan_SP]

Yes, it would work if you change code a bit (as vB4 has some things a bit different).

For example, you use only if instead vb:if

So you have this:

<if condition="$post[postcount] == 1">

In the end use only:

</if>

And of course, you need to search for different code in your postbit template. :) But all in all, this is it.

[ClErK1991]

i have a question for this i hot dont violate the terms of service of vBulletin, but there is some way, when i clic share on facebook that the message under the thread dont be ths: 'This is a discussion forum powered by vBulletin. To find out about vBulletin, go to http://www.vbulletin.com/ .' there is some way to change it? if this question violate the termines of services please forget my question and erase

[Toorak Times]

Thanks for that winter sonata

[weave]

Hi, I have an issue with the twitter button: the address pointing to thread is wrong

indeed it appears to be

http://www.termometropolitico.itshowthread.php?1234-my-thread

while it should be

http://www.termometropolitico.it/forum/showthread.php?1234-my-thread

any hints?

Thanks so much


I have this same issue and this is how I fixed it. I am still working on the fact that it is not incrementing tweet counts (yet). Though this seems to be a twitter bug https://dev.twitter.com/issues/48

The fix was adding this snippet "{vb:raw href}"

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

[ChiNa]

Simply honored to join vBulletin, These amazing top modification and so easy can only be made by vBulletin professional and amazing users... Congurats to all of you who have joined vBulletin, and many many credits to all of them who have participated and showen appreciation .. and I am one of them, Appreciated and thank you

[Fever905]

Hi there-

Trying to edit the files, but the only place I'm seeing that code is in the install folder, vbulletin-style.xml

I'm using the latest 4.x release... are my templates stored in the database? Can anyone tell me? Or do I need to download the latest files from my webserver and edit it that way?

Thank you

[gnrx]

Hello.
I try to install for use only for google+1 but don't work.
Modify postbit_legacy, and not work.

I use vb 4.2.1

Any error, any message, but not work.

Any iddea?

Thanks.

[Shoganai]

Btw, the script seem to be conflict with CONNECT button.

If I removed this script:

<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

the facebook connect button appear but the share button gone (only text link)

Any suggestion?

Same here.

[gnrx]

How I can this code (google plus) for appears in the index of forum?

Thanks and regards!

[negrowarez]

You things this work with VB 5.1.0?

[fxdigi-cash]

because of the new updates at Facebook, the button no longer work. you need to update it to the latest code in order to work correctly...

[Peter Cook]

Works great!

I was wondering if it would work in the CMS section? If so where would you add the code?:)

[ozzy47]

No, this code would not work in the CMS sections. :(

[Peter Cook]

Well that's great :( I wonder if anyone has come across a mod that would do the same thing for CMS

[Rapz]

I tried this but only the like and tweet button show up on forumhome but no share button for the threads :(

[john7911]

Thank you ;)

[john7911]

Hi,
I have a problem with Facebook link :
https://vborg.vbsupport.ru/external/2015/03/18.jpg
Any solution?
Thank you ;)

[darksidemon2]

perfect.
Thank you very much greetings
work in vb 4.2.3