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!

[Mukashi]

Just uploaded and installed the latest version, but I seem to be having problems with the placement of the buttons. Both with the standard version and with the modified version that you have in the first post. I've attached a screenshot showing how it's appearing for us. Any reason why it would be looking like this? We're using vBSEO, and have the "Force Standard URL?" option off as instructed.

[OlijO]

Originally Posted by BirdOPrey5

First, you're welcome to everyone who has said "thank you."



No it's a conflict with the twitter button and VB4- well known. I noted this 3 times. (In the first post, in the mod instructions, and in the mod setting itself. In all 3 places I said there is a known issue and the count will probably not work with twitter. I recommend disabling the count box for twitter. I included the option to turn it on only in the event t gets fixed by either vBulletin or twitter.)



Glad to hear... I will try to program in a VBSEO Installed Yes/No option in the next version so it works either way out of the box without custom edits.




I believe that is something twitter is deciding to do on their own. If you mouse-over the link you will see it indeed has the link to the url shortener address.

Thank you for your support, and sorry for asking something who is already in the first post.
Nominated !

[BirdOPrey5]

Originally Posted by Mukashi

Just uploaded and installed the latest version, but I seem to be having problems with the placement of the buttons. Both with the standard version and with the modified version that you have in the first post. I've attached a screenshot showing how it's appearing for us. Any reason why it would be looking like this? We're using vBSEO, and have the "Force Standard URL?" option off as instructed.

That's very weird that for you your facebook button comes up last when for everyone else the facebook button comes up first. Maybe it's because you're in Australia and the seasons are reversed and the toilet water spins the other way? (just kidding.) (well a little serious.)

I have some ideas to force them into the right order but the easiest fix for now would be to add some extra spacing between the facebook button and the rest.

If you are comfortable, go to thr Admin CP -> Plugin Manager -> Edit the Plugin: More Share Options.

Find the code:

     //Standard (Default) Layout
     $bop5fb[1] = '<fb:like href=\"'.$href.'\" layout=\"standard\" send=\"false\" width=\"260\" show_faces=\"false\" action=\"like\" colorscheme=\"light\" font=\"tahoma\"></fb:like>';

And replace it with:

     //Standard (Default) Layout
     $bop5fb[1] = '&nbsp;&nbsp;&nbsp;<fb:like href=\"'.$href.'\" layout=\"standard\" send=\"false\" width=\"260\" show_faces=\"false\" action=\"like\" colorscheme=\"light\" font=\"tahoma\"></fb:like>';

Note the code added in red. That will put proper spacing between your buttons.

[Mukashi]

Now that's both interesting and weird. Adding the 3 non-breaking spaces makes no difference to the positioning, it leaves it in the same place. Though it could have perhaps been something with its interaction with another addon and tried changing the execution order, however that doesn't seem to change a thing either.

[BirdOPrey5]

If you can hold out a little longer I'm working a new version that should have vastly better positioning. It will be template based so changes, if needed, will be easier.

[Eliasen]

If there a way to enable this without having to enable facebook connect?

[BirdOPrey5]

Not right now but I'll make sure that option is in the next version.

[Eliasen]

no problem !

Tagged for future versions.

[BirdOPrey5]

Version 2.0 has been released.

This is a major change to how the mod is coded. It now uses its own template.

There are a number of new features including enabling the new Facebook "Send" button, a classic style "Facebook Share" option, and a better AddThis.com share button with a counter.

If your happy with your current version feel free to keep using it but going forward all support will be based off the new 2.0 version.

This is a summary of the options available in 2.0:

Enable More Share Options? - Turns the mod on or off.

Placement - Will Left-justify or Right-justify the share buttons in threads (showthread). In Blogs and CMS they stay in the only logical place. If you choose to enable the AddThis.com Share Button WITH count then you must use the Right side justification. The mod will force right-justification if the AddThis Count Box is enabled.

Disable Facebook Connect Platform? - Since this mod requires your Facebook integration settings to be turned on this will also automatically turn on Facebook Connect. Setting this option to "Yes" will disable Facebook Connect if you do not want to use it.

Force Standard URL? - This should usually be turned on- some people using VBSEO might need to turn it off. Turn this off only if you find links generated by the share options do not link back to the correct thread.

Clean URL? - This strips non-English characters from URLs which are not compatible with Twitter and possible other share sites. You should keep this enabled unless you find links not working for some reason.

Facebook Like Button Type - This lets you choose between a Like and Recommend button, a standard layout or a button count layout, a classic "Share" button, and the legacy IFRAME version of the Facebook Like button. (Or disable the Like button completely.)

Enable Facebook Send Button - Enables or disables the new Facebook "Send" button.

Facebook - Light or Dark - Will use the light or dark layout for Facebook buttons. Light is the standard color and works on most pages. Dark is better for very dark styles. In the event you have both light and dark styles you should choose one and manually edit the more_share_options templates in the other styles and force them to be light or dark as needed.

Your Twitter Username - You should enter your Twitter username here. It will be included with a "via" notice in every tweet from your forum. This is optional.

Related Twitter Username - Twitter allows you to associate a second username with your tweet button. This username will not be part of the tweet but will be presented as an option to follow after the user submits the tweet. You can include a username OR a username and short description of the account. Examples:

JUOTnet (username only)
JUOTnet:The JUOT Twitter Account (username and description)

Enable Twitter Tweet Button - Enables or disables showing the Tweet button.

Enable Twitter Count Box - Enables or disables showing the count box attached to the Tweet button. Note the counter does not work on many VB4 forums due to a conflict between Twitter and vBulletin. You shold test and disable the count if you find it does not work.

Enable Digg Button - Enables or disables showing the Digg button or icon.

Enable Digg Count Box - If enabled the class Digg button with counter will be displayed. If disabled a small Digg icon will show instead.

Enable Google +1 Button - Enables or disables showing the +1 button.

Enable Google +1 Count Box - Enables or disables the counter attached to the +1 button.

AddThis.com Public ID - You should visit www.addthis.com and get your own public id but it is not required. You can use the default public ID or erase it completely. If you register at addthis.com you can put your username here and you will be able to track your shares made via AddThis.

Enable AddThis.com Share Button - Enables or disables showing the AddThis.com Share button.

Enable AddThis.com Count Box - If yes the counter attached to the AddThis Share button will show. If no, no counter will show. If you choose to have no counter you must upload the included image into your /images/misc/ directory on your server. You can also create and upload your own image if you prefer so long as it's named addthis_button.png and is in the images/misc/ directory.

----NOTES-----

By default the AddThis button has the share options for Facebook, Twitter, and Digg built in. This mod is designed so that if you have Facebook, Twitter, and/or Digg enabled it will automatically remove these share options from the AddThis menu to allow room for even more share options and not to confuse your users with multiple ways to share the same page using the same service.

----Upgrade Instructions-----

Just import the product xml file setting "Allow Overwrite" to "Yes"

Full installation instructions included in zip file.

[BirdOPrey5]

I have pulled version 2.0 because it does not look good in Firefox. I will update ASAP. In the mean time I have made 1.05 available for download again. Please do not use 2.0.