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!

[BirdOPrey5]

Great to hear. :up:

Anyone else with an invalid character error should follow my instructions in post #176.

Revert or delete your existing more_share_options templates before re-installing the mod.


On an unrelated note I've noticed the way vBulletin loads the Facebook button is good (it loads last) but it could be better.

I found this issue in the bug tracker: http://tracker.vbulletin.com/browse/...story-tabpanel

Please vote for the issue if you want faster/better performing Facebook buttons.

[sportsfroma2]

Quick question- this probably isn't possible, but I thought I'd ask:

Sometimes, I've noticed that my pages hang up on the loading of the stumbleupon button, and when it got really bad I disabled your mod for a few hours and then enabled it, and it was loading fine again...

Is there a way to serve those images locally OR perhaps to make it so they load after the content (posts on that page) load?

If not, not a big deal, I understand it's probably quite difficult to implement that change.

Thanks!

[BirdOPrey5]

The next version of this mod will have all the share options (including stumbleupon) loading asynchronously which means the rest of the page will load and not wait for any of the share buttons to finish loading.

[sportsfroma2]

Originally Posted by BirdOPrey5

The next version of this mod will have all the share options (including stumbleupon) loading asynchronously which means the rest of the page will load and not wait for any of the share buttons to finish loading.

incredible... Thanks BirdOPrey!!

[onegawd]

Love this mod.

1 Question. Any plans to have an option to disable the share icon on specified forums (such as private sections) ?

[BirdOPrey5]

Originally Posted by onegawd

Love this mod.

1 Question. Any plans to have an option to disable the share icon on specified forums (such as private sections) ?

Yes, will also be part of the next version.

[BirdOPrey5]

Updated Mod to Version 2.5

New Features:

• New simpler template layout- no virgin template required for edits.
• All buttons now load asynchronously so the page load does not wait for the buttons.*
• New option to disable or enable the share buttons in specific forums (to disable in private forums).
• Includes "Invalid Character" in template bug fix.

I strongly recommend everyone upgrade to this latest version.

Note: I have moved the default order of the buttons- the Goolge +1 button does not resize automatically so to have a clean look and consistent spacing between buttons I had to move it to the very end.

You can easily change the order of buttons by manually editing the more_share_options template. A "virgin template" is no longer required- simply copy and paste the button codes in whatever order you want them.

I strongly recommend you revert any customization you've made in the more_share_options template so you work off the new, simplified, template- however the mod should still work with the old 2.25 template.

[BirdOPrey5]

Oh on older versions of vBulletin (4.1.1 and below) the Facebook Button Code loads asynchronously because it's supplied by this mod.

However in 4.1.2 and above vBulletin itself supplies the code and it's not technically asynchronous, HOWEVER it loads at the very bottom of the page so the result is virtually the same as asynchronous loading.

I strongly urge everyone to vote this issue in the tracker to ask vBulletin convert it to completely asynchronous code: http://tracker.vbulletin.com/browse/...story-tabpanel


If You absolutely must have asynchronous loading on Facebook in 4.1.2 and above you can manually edit your facebook_footer template.

Erase it all and replace it with:

<script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/vbulletin_facebook.js?v={vb:raw vboptions.simpleversion}"></script>
<div id="fb-root"></div>	
		<script type="text/javascript"> 
			window.fbAsyncInit = function() {
				FB.init({appId: '{vb:raw vboptions.facebookappid}', status: true, cookie: true,xfbml: true});
				FB.Event.subscribe('edge.create', function(url) {
				  _gaq.push(['_trackSocial', 'facebook', 'like', url]);
				});
				FB.Event.subscribe('edge.remove', function(url) {
				  _gaq.push(['_trackSocial', 'facebook', 'unlike', url]);
				});
			};
			(function() {
				var e = document.createElement('script'); e.async = true;
				e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
				document.getElementById('fb-root').appendChild(e);
			}());
		</script> 

<script type="text/javascript">
<!--
YAHOO.util.Event.onDOMReady(
	function()
	{
		vBfb = new vB_Facebook({
			appid : "{vb:raw vboptions.facebookappid}",
			connected : {vb:raw connected},
			active : {vb:raw active},
			autoreg : {vb:raw vboptions.facebookautoregister},
			feed_newthread : {vb:raw vboptions.fbfeednewthread},
			feed_postreply : {vb:raw vboptions.fbfeedpostreply},
			feed_blogentry : {vb:raw vboptions.fbfeedblogentry},
			feed_blogcomment : {vb:raw vboptions.fbfeedblogcomment},
			feed_newarticle : {vb:raw vboptions.fbfeednewarticle},
			feed_articlecomment : {vb:raw vboptions.fbfeedarticlecomment}
		});
	}
);
-->
</script>

EDIT - It appears sometime between 4.1.2 an 4.2.0 the default code is now asynchronous. I do not know when the change happened but I suggest you not make this change on a newer VB version (certainly not 4.2.0+)

[BaanFarsang]

Thanks, work on 4.1.5 beta versions and fast loading page too. But press like button above some Pictures, there aren't show any contents on Facebook, by set like as like button counts. Also, if set like as like standard it show error: "Your page's type requires that a meta tag of the form <meta property="og:image" ...> be present."

[fukdawrld]

Hello I'm on 4.1.4 pl2 and everything is working great on the mod. The only thing I noticed is its breaking the template on chrome only..opera and firefox seem to work fine. Any suggestions?

I've tried turning auto templates off but nothing changes it except disabling the mod.

Attachment 131393