Miscellaneous Hacks - More Share Options TNG by BOP5 (Facebook, Twitter, Google +1, AddThis) Share Buttons

Brought to you by BirdOPrey5
www.Qapla.com

Current Version: 3.2

More Share Options The Next Generation (v 3.0) is a complete rewrite of my "More Share Options" mod. If you are looking for the old version I am keeping it attached (More Share Options for VB4 by BOP5v261.zip) but it will no longer be updated or supported.

The purpose of the mod is to add additional share "buttons" (Besides Facebook Like) to vBulletin.

Demo: Practically every page of Qapla.com has the "Gold" version enabled.

There is GOLD Version with additional features available at:
http://www.qapla.com/mods/showthread...4-by-BOP5-GOLD

The FREE Version allows sharing to the following sites:

• Facebook (Like OR Recommend with Send Button Option, and with old style "Share" option, Dark Option, Show Faces Option)
• Twitter (Specify "Via" Username, Related Account, default hash tags, and language- With or without counts)
• Google +1 (With or without count, option to use built in Facebook language or specify custom language)
• Add This (Option to input publisher ID for analytics tracking, enable/disable printing, disable duplicate sites option)

The FREE Version also has the following Style Vars for basic styling:

• Height of Share Bar (in Pixels)
• Padding
• Margins

The GOLD Version has all of the above PLUS the following additional share options:

• Pinterest (With or without count, option to specify pinned image, better Pin It sharing button in Beta available for testing)
• Digg (With count or icon only)
• Linked In (With or without count)
• StumbleUpon (Several options with/without counts)
• Reddit (Several options with/without "points")
• Custom Buttons (Add as many additional custom buttons as you want!)

The GOLD Version also has additional Style Vars for complete control of Share Bar Styling:

• Background
• Border

(Both FREE and GOLD can be completely customized by CSS as well if you prefer not to use Style Vars.)

Some of the major differences between More Share Options TNG and the Original Version:

• Share Buttons now show on ALL pages, including pages by 3rd party applications like Arcades and Media Galleries.
• Twitter Count Now WORKS
• Table-less design (All formatting done via CSS/Style Vars)
• Additional built-in Facebook and Twitter options
• New options to disable by Usergroup and/or THIS_SCRIPT value (as well as by Forum and by Style)
• Pinterest Now Integrated (Gold version only)

As with the prior version, fast loading Asynchronous JavaScript is used everywhere possible.

IMPORTANT UPGRADE NOTICE!

If you are "upgrading" from an old version (any version less than 3.0) be aware this version (TNG) has been coded as a completely new and separate mod. It will NOT upgrade an old version.

I suggest if you run an old version of "More Share Options" you disable it via Product Manager in Admin CP.

Install and configure this new mod and make sure it works and you like it.

If you do like it then you can uninstall the old mod from Product Manager.

IMPORTANT - Some users have reported the new mod will not run until the old mod is uninstalled. If you have installed 3.0 and it is not running, please try uninstalling the old mod first.

VBSEO Compatibility:

UPDATE: It has been reported working with VBSEO!

Basically I have no idea how compatible this may be with VBSEO as I don't have access to a VBSEO enabled forum. If you use VBSEO be sure it works as designed (you can share pages.)

Test share 3 pages: The Forum Home, a Thread (showthread), and a Forum (forumdisplay) - if all 3 shares work I am confident the mod will work completely for you. I suggest you use Twitter or Facebook for your testing.

If you do run into VBSEO issues please post here and I will do my best to fix.

General Compatibility:
This has been tested as far back a VB 4.0.8 and as recent as VB 4.2.0. It is expected to work on all VB 4.x.x versions however if you have a very old version of VB please try the FREE version before purchasing the Gold to ensure compatibility. This is not compatible with VB 3.x.

As of version 3.2.0 there is a recommended manual file edit for those running VB 4.1.9 or below.

Admin CP Full Screen Shot: http://www.qapla.com/mods/ss/msotng_admincp_free.jpg

VB 3.8 Version Here.

Please Mark as Installed if you use this.
Donations always appreciated. :up:

To be clear the New (TNG) Version is: More Share Options TNG FREE (v 3.2) by BOP5.zip

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

Please "Mark as Installed" if you use this.
Donations always appreciated. :up:
Nominate MOTM if you LOVE it!

[sweetpotato]

Originally Posted by BirdOPrey5

The Facebook isn't showing in AddThis because you already have the Facebook Like button enabled. It is a feature of this mod to NOT show any service in AddThis that you already have a dedicated button showing for on the page- this includes Twitter, Digg, and the others too.

This is a quote from the instructions included with the mod:


If you don't want it to work as intended you must manually edit the more_share_options template.

Delete the TWO instances of:

services_exclude: 'print,<vb:if condition="$vboptions['bop5more_fbtype']">, facebook</vb:if><vb:if condition="$boptwit">, twitter</vb:if><vb:if condition="$bopdigg">, digg</vb:if><vb:if condition="$bopsutype">, stumbleupon</vb:if>'

and it should show Facebook, twitter, and the rest in AddThis all the time.

Thank you very much for your instruction. Because of Facebook Like is different with facbook share so I only need Facebook Share to show and I only removed this code:

<vb:if condition="$vboptions['bop5more_fbtype']">, facebook</vb:if>

Now the Facebook Share showed and works like a charm on my site.

Thank you one again for the nice mod.

[vb50kgpoo]

Superb, thank you.

But is there any way to get rid of the space consuming "(facebook icon) Sign Up to see what your friends like."?

[BirdOPrey5]

Originally Posted by Antique-Swords

Superb, thank you.

But is there any way to get rid of the space consuming "(facebook icon) Sign Up to see what your friends like."?

It's different depending on whether you are a facebook member and how many people like it. so you really shouldn't be changing the size. I suggest using the button-count style if you don't like the spacing on the "standard" button.

If you want to edit the size anyway edit the more_share_options template... find the code:

<vb:if condition="$vboptions['bop5more_fbtype'] == 1">
<td>
<fb:like href="{vb:raw bophref}" font="tahoma" layout="standard" send="false" show_faces="false" width="260" action="like" colorscheme="{vb:raw boplord}"></fb:like>
</td>
</vb:if>

and change the width to whatever you want.

[kinhell]

Originally Posted by BirdOPrey5

I'd consider it but I don't find any info on their button. On their own site, the link is dead for me, a Page not found error: http://www.reddit.com/reddits/buttons/

If you have a link to their button somewhere I'll take a look.

http://www.reddit.com/buttons/

Should find some buttons there, thanks a lot

Edit: Just seen someone else posted the link sorry.

Anyway this mod is awesome and has been used a lot on our CMS site and forums.

[derbi]

How I change the google button +1 language?

I tried adding this:

{lang: 'es'}

into

<!-- Google+1 START -->

<vb:if condition="$bopgoog">
<td>
<script type="text/javascript">
var gp1script = document.createElement('script');
gp1script.type = 'text/javascript';
gp1script.async = true;
gp1script.src = 'https://apis.google.com/js/plusone.js';
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(gp1script);
gg = document.getElementById('google_plus_one');
gg.style.width="70px";
lang: 'es';
</script>
<div class="g-plusone" data-size="medium" data-count="<vb:if condition="$bopgoog == 2">false<vb:else />true</vb:if>" data-href="{vb:raw bophref}"></div>
</td>
<vb:if condition="$bopgoog == 2"><td>&nbsp;&nbsp;&nbsp;</td></vb:if>
</vb:if>

<!-- Google+1 END -->
<!-- DO NOT EDIT BELOW THIS LINE -->

But not works

[BirdOPrey5]

Originally Posted by derbi

How I change the google button +1 language?

I tried adding this:

{lang: 'es'}

into

<!-- Google+1 START -->

<vb:if condition="$bopgoog">
<td>
<script type="text/javascript">
var gp1script = document.createElement('script');
gp1script.type = 'text/javascript';
gp1script.async = true;
gp1script.src = 'https://apis.google.com/js/plusone.js';
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(gp1script);
gg = document.getElementById('google_plus_one');
gg.style.width="70px";
lang: 'es';
</script>
<div class="g-plusone" data-size="medium" data-count="<vb:if condition="$bopgoog == 2">false<vb:else />true</vb:if>" data-href="{vb:raw bophref}"></div>
</td>
<vb:if condition="$bopgoog == 2"><td>&nbsp;&nbsp;&nbsp;</td></vb:if>
</vb:if>

<!-- Google+1 END -->
<!-- DO NOT EDIT BELOW THIS LINE -->

But not works

I don't understand why you have to change the +1 language, there are no words.

[Kuya]

Brilliant mod. Shame about the twitter count, and I think on my forum there is also an issue with the counting of diggs..

All the same, I still give it 5 stars!

[derbi]

Originally Posted by BirdOPrey5

I don't understand why you have to change the +1 language, there are no words.

when you do click in button, appears a message in english. The language can be changed.

Look this

http://www.google.com/webmasters/+1/button/

Thanks

[BirdOPrey5]

Originally Posted by derbi

when you do click in button, appears a message in english. The language can be changed.

Look this

http://www.google.com/webmasters/+1/button/

Thanks

I see... try this:

<!-- Google+1 START -->

<vb:if condition="$bopgoog">
<td>
<div class="g-plusone" data-size="medium" data-count="<vb:if condition="$bopgoog == 2">false<vb:else />true</vb:if>" data-href="{vb:raw bophref}"></div>
<script type="text/javascript">
  window.___gcfg = {lang: 'es'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</td>
<vb:if condition="$bopgoog == 2"><td>&nbsp;&nbsp;&nbsp;</td></vb:if>
</vb:if>

<!-- Google+1 END -->

Please "Mark as Installed" if you use this.

[derbi]

Originally Posted by BirdOPrey5

I see... try this:

<!-- Google+1 START -->

<vb:if condition="$bopgoog">
<td>
<div class="g-plusone" data-size="medium" data-count="<vb:if condition="$bopgoog == 2">false<vb:else />true</vb:if>" data-href="{vb:raw bophref}"></div>
<script type="text/javascript">
  window.___gcfg = {lang: 'es'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</td>
<vb:if condition="$bopgoog == 2"><td>&nbsp;&nbsp;&nbsp;</td></vb:if>
</vb:if>

<!-- Google+1 END -->

Please "Mark as Installed" if you use this.

It's great! Woks! Very thanks.