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!

[jschvili]

Originally Posted by jschvili

Smooth addons. Thanks.

Unfortunately we can't use it since it doesn't support https. Could we possible change the url's used for Twitter and Addthis to https somewere in the code or could you add an option in the admin?

http://s7.addthis.com/js/250/addthis_widget.js
http://platform.twitter.com/widgets.js

I found it in the "more_share_tng" template.

[BlogTwits]

Buttons for twitter, g+ and facebook are fine. However, when clicking the add this button on my site, it just links and goes to the homepage.

Hovering over the button gives the homepage address along with /#

eg website.com/#

Any ideas how to fix?

[BirdOPrey5]

Originally Posted by nezr

holy 51 pages....

Does this work on CMS at the bottom of each article?
Like on wordpress sites.

It puts share buttons by default under the navbar of every page, including articles. If you follow the instructions included for manual template edits you can instead move the buttons to the top of the footer instead, and if you used some template conditionals you could restrict it to show on only CMS pages, but it is intended to be used on all vBulletin pages.

Originally Posted by jschvili

Smooth addons. Thanks.

Unfortunately we can't use it since it doesn't support https. Could we possible change the url's used for Twitter and Addthis to https somewere in the code or could you add an option in the admin?

http://s7.addthis.com/js/250/addthis_widget.js
http://platform.twitter.com/widgets.js

I thought I had already done this but if you edit the more_share_tng template and remove the http: from all the URLs, for example you get:

//s7.addthis.com/js/250/addthis_widget.js
//platform.twitter.com/widgets.js

It will use whatever protocol (http or https) as your current site uses automatically. In my testing only one or two of the less popular share buttons weren't compatible with https.

Originally Posted by BlogTwits

Buttons for twitter, g+ and facebook are fine. However, when clicking the add this button on my site, it just links and goes to the homepage.

Hovering over the button gives the homepage address along with /#

eg website.com/#

Any ideas how to fix?

I would need to see a link to a page on your site where this is happening.

[jaffaman]

Installed and working great thanks for a great mod

[gedsta]

Have you an idea of what is possibly causing this?

The following resources have identical contents, but are served from different URLs. Serve these resources from a consistent URL to save 1 request(s) and 25.2KiB.

http://static.ak.facebook.com/connec...php?version=11
https://s-static.ak.facebook.com/con...php?version=11

[Superorb]

How do I link my forum with its fan page on Facebook so that like counts are shared between sites?

[BirdOPrey5]

Originally Posted by gedsta

Have you an idea of what is possibly causing this?

Perhaps my mod and vBulletin are both serving the same facebook file... If you search the more_share_tng template for either of those URLs, it looks like you could remove the one from the template and everything *should* still work on your setup- if you want to try it.

Originally Posted by Superorb

How do I link my forum with its fan page on Facebook so that like counts are shared between sites?

I don't know if that is possible- some people seem to think it is- if so my only guess would be if your Fan Page has an application ID, then make that the application ID in Facebook Options in vBulletin settings- but just a guess.

[Superorb]

Originally Posted by BirdOPrey5

I don't know if that is possible- some people seem to think it is- if so my only guess would be if your Fan Page has an application ID, then make that the application ID in Facebook Options in vBulletin settings- but just a guess.

I figured it out. You have to enter the URL of the Fan Page in the TNG template and it will be linked, but it will be like this everywhere the TNG plugin is shown. This is fine for me since I enabled the FB Like button for posts. Plus, since my site was newly launched I have no members and the easier it is to get those likes adding up the better. I'll change it when the site gets busier though.

[dougdirac]

Originally Posted by Superorb

I enabled the FB Like button for posts.

How did you do FB likes for posts?

[gedsta]

Originally Posted by BirdOPrey5

Perhaps my mod and vBulletin are both serving the same facebook file... If you search the more_share_tng template for either of those URLs, it looks like you could remove the one from the template and everything *should* still work on your setup- if you want to try it.

Removing the line,

e.src = document.location.protocol + '//connect.facebook.net/{vb:rawphrase facebook_language}/all.js';

Allows the likes to still be shown, but doesn't get rid of the error.

Thanks anyway.