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!

[BrightStar]

HI BirdOPrey5, it's a great mod and works perfectly fine for my forums. Thank you for sharing.

Whenever I enable this mod, it breaks W3C validation of my forum....anything I can do it make it pass validation?

Cheers

[BirdOPrey5]

BrightStar,

Some of the buttons, like Google +1 simply cannot pass strict validation. I've looked this up before and the work-arounds suggested were extremely convoluted and not something I would bother attempting.

It's not like there's anyone out there giving cash prizes to sites that validate properly.

predpriemach - I had problems with Facebook Connect this morning myself- it looked like some sort of conflict with "Add This." But it appears to be working fine now- please re-try.

Since all javascript is served from facebook, google addthis, etc... we are at the mercy of their developers- sometimes bug make it out into the wild.

[BirdOPrey5]

Facebook Like Bug

Facebook has made changes to their javascripts. It now creates a (mostly) invisible <div> element 2000 pixels above the button location on the page. For the vast majority of users who have the Facebook Like button "above the fold" (near the top of the page where it is recommended) this safely puts the <div>'s out of view so they don't affect page navigation.

However if you use the "What's Going On Box" location on FORUMHOME then it is very possible 2000 pixels is still visible on your page.

Unfortunately there is nothing I can do, I hope Facebook will eventually fix this by maybe going to 20,000 pixels or some absurdly large number or maybe removing need for these <div>'s at all.

Anyone getting this error can check with firebug and you will see the absolute positioned <div> with a value of -2000. It has no "class" attribute so it cannot be overridden or fixed with CSS.

For now I recommend moving the position of your Share buttons on FORUMHOME to "Top Left" or "Top Right" in your settings. It is better anyway, more people will see and use it there.

[MarySBP]

Hi there

The mod has two issues. One when tweeting a post we need to be able to shorten the link before the tweet. I know you said somewhere that twitter automatically shortens all links.. but this does not work. See example here: http://screencast.com/t/RYqpsgdYV You can see when I hit tweet I am told "oopps your tweet is over 140 characters"

What can I do to make links shorten, is there a way that I can add a bit.ly account to this mod where all links will be shortened through bit.ly?

Also.. my twitter counts do not work, I know you said this is a fault of twitter.. have you found any new info on this? Do you know of any mod that the twitter counts do work on?

[BirdOPrey5]

Those issues are caused by Twitter's default share code.

If you copy the code directly from twitter and paste it directly into your SHOWTHREAD template (basically what this mod does) you will have the same issues.

I did notice Twitter added a new IFRAME option for the Tweet button. It seems to fix the count issue but the URL still doesn't shorten until after you send the Tweet.

I have not updated this mod to use the twitter IFRAME code. I'm not sure if/when I will. I have released instructions for those with the Gold version of the mod to take advantage of the IFRAME option since the Gold version has an option to easily add new buttons.

[BrightStar]

Is it possible to inlcude addthis analytic code so we can track the progress?

[BirdOPrey5]

If you follow the instructions/link to sign up for your own Add This account and enter your AddThis username into the mod settings then you will be able to view sharing stats on AddThis.com.

[BrightStar]

Is it the same as AddThis.com Public ID? or do I enter the username? I've public id added but i dont get any stats.

[BirdOPrey5]

Yes, you put your AddThis Username into the mod setting "AddThis.com Public ID."

Then to check your analytics you go to www.addthis.com and log in if you aren't already logged in.

On the top of the page in the back bar you click on "Analytics" and you will be able to click on your forum URL and get the stats for your site.

[netproint]

Sigh ... the Twitter count and Digg count, both won't work for me ... I know I know .. gotta buy the gold version to solve these issues. As soon as I begin making some money through my forum, I will. For now ...