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!

[smirkley]

Thank you Bop

[friendlymela]

This is nice one.. thanks

[lapiervb]

Can you pick which forums to show this in? Also can you select which usergroups see it?

[smirkley]

Liking this mod.

Anyone have any luck getting this injected into the navbar instead?

[friendlymela]

any latest button for share on social media

[smirkley]

This mod is working good for me.

Anybody figure out how to manually inject this into the navbar beside tabs and in between tabs and search bar?

[smirkley]

I have injected the manual string to put the addthis bar in the main navbar, and adjusted the padding to locate it just before the searchbox.

I cant figure out how to adjust the code or padding to get the addthis bar vertically centered in the main navbar. I need to raise it 10 or so pixels up so it aligns well with the tabs.

Any ideas?

to see what I mean, http://www.ignorancedenied.com

Thanks

[smirkley]

OK, figured it out. Had to edit the more_share_tng template and remove the initial linebreak.

Thanks BOP! Love the addon.

[djbaxter]

Actually using the Gold version but the forum at QAPLA is prettymuch closed.

Recently converted a 4.2.3 forum to SSL/TSL and Chrome now objects to two insecure scripts from this mod:

  <!-- Twitter -->
  
      <div style="float: left; width: 95px;">
        <a href="https://twitter.com/share" class="twitter-share-button" data-url="https://www.localsearchforum.com/showthread.php?t=43388" data-count="horizontal"     lang="en">Tweet</a>
      </div>
      
        <script id="bop5twt" type="text/javascript">
        (function() {
                var twitterScriptTag = document.createElement('script');
                twitterScriptTag.type = 'text/javascript';
                twitterScriptTag.async = true;
                twitterScriptTag.src = 'http://platform.twitter.com/widgets.js';
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(twitterScriptTag, s);
        })();
        </script>
      
    
  <!-- /Twitter -->

and

  <!-- Linked In -->
  
    <div style="float: left; margin-left: 15px;"><script type="in/share" data-url="https://www.localsearchforum.com/forum-tech-support/43388-upgrading-forum-ssl-please-let-us-know-if-any-problems.html" data-counter="right"></script></div>
    <script type="text/javascript">
    (function() {
        var sli = document.createElement('script');
        sli.type = 'text/javascript';
        sli.async = true;
        sli.src = 'http://platform.linkedin.com/in.js';
        var lix = document.getElementsByTagName('script')[0];
        lix.parentNode.insertBefore(sli, lix);
    })();
    </script>
  
  <!-- /Linked In -->

Any idea what to edit to convert these to https:// ???

[pokesph]

Easy fix..
Change

 twitterScriptTag.src = 'http://platform.twitter.com/widgets.js';

and

sli.src = 'http://platform.linkedin.com/in.js';

to reflect https URLs