Advanced Social Widget PHP Edition

Advanced Social Widget Adds an advanced widget box to your website giving users the ability to link your site to all the popular Social Networking sites such as Delicious, Twitter, Facebook, StumbleUpon, Google+, Pinterest, LinkedIn and access to FeedBurner Email Subscription.

Demonstration widget in right sidebar of this page

Description

Advanced Social Widget Adds an advanced widget box to your website giving users the ability to link your site to all the popular Social Networking sites such as Delicious, Twitter, Facebook, StumbleUpon, Google+, Pinterest, LinkedIn and access to Feedburner Email Subscription.

Advanced Social Widget is an all-in-one social networking widget that allows your visitors to subscribe to your RSS feed, Follow you on Twitter, visit your Facebook Page, visit your Google+ page and easily share your site to the major social networking sites.

You can define what social network sites you want to show and what icons to display. Define whether to display the social networking site name under each of the icons. Visitors can Follow you on Twitter, subscribe to your Feedburner RSS Feed and view you Feedburner RSS Feed. You can also define the width of the widget making it suitable for all website themes and templates.

Allows visitors to Recommend your website to Recommend to StumbleUpon.

Ability to open links in same window or new window

Ability to display certain features and disable certain features, IE You can hide Google +1 and other social networking links and icons.

Ability to disable the viewing of the bottom social networking icons altogether.

Ability to decide whether to display social networking site name under social icons or not to display it.

Multiple widgets configurations

Inherits CSS styles from current active theme – fonts

Advanced Social Widget Feature Breakdown

Subscribe to Feedburner RSS Feed
If you have a Feedburner RSS feed, you can allow your visitors to quickly and easily subscribe to your RSS feed. All the visitor needs to do is enter their email address and click the “Subscribe” button. A window will be opened where the visitor can subscribe to your feed.

Link to Feedburner RSS Feed
If you have inserted a Feedburner RSS username in the widget configuration panel, a link will be displayed where visitors can view your RSS feed.

Display Google +1 Button
Display a Google +1 button on your site and let your visits quickly and effortlessly +1 your site. The URL for the button is used from the WEBSITEURL constant.

Display Facebook Like Button
Have a Facebook page connected to your site? Display a Facebook “Like” button on your site and let your visits quickly and effortlessly like your site.

Display a Google+ Icon
Display the Google+ icon and visitors can instantly visit your Google+ page adding you to their Circles. Configure Google+ URL through the configuration settings.

Display StumbleUpon Button and allow visitor to post your site to StumbleUpon
Allow users to save your site URL to StumbleUpon. Configure Google+ URL through the configuration settings.

Display Pinterest Button and allow visitor to follow you on Pinterest
Display the Pinterest icon and visitors can instantly visit and follow you on Pinterest. Configure Pinterest Username through the configuration settings

Display LinkedIn Button and allow visitor to submit your site to LinkedIn
Display the LinkedIn icon and visitors can instantly submit your site to LinkedIn. Configure whether to display through the configuration settings

Advanced Social Widget PHP Version Screenshots

The Advanced Social Widget PHP Script as displayed in a website

Advanced Social Widget PHP Script configuration settings

Installation

The script has been written in a PHP class making it easy for you to port it over and use it in many pages. Installation is a breeze and only take a few seconds to configure. I’ve taken the time to also detail the basic usage steps in this screencast, so if you get lost, please watch the video for pointers:

Configuration & Usage

The script is simple to use and only requires a few configuration fields completed to use all of it’s available features.

Open the Advanced Social Widget configuration file located in “includes/advanced-social-widget_config.php”.
This is the main configuration file for the script. Each defined constant has an example usage listed in the comments.

Once you have changed the initial configuration settings you need to include the files into your current website. (Scroll down for definitions of script constants and settings). To do this follow these instructions.

1. Open the php file you wish the widget to be displayed in. In the <head> section of this document add the following code:

This is the core of the Advanced Social Widget WordPress plugin. Here you can configure all the settings for the plugin. The widget panel is divided into two sections, the General Settings & the Social Networking Icons section.

General Settings:

WEBSITEURL: This is the url of the website you are using the script with.You must supply the full URL (E.G http://www.wpinsite.com)

WEBSITETITLE: This is the title of the website you are using the script with. (E.G WPInsite – Ultimate WordPress Resources)

WIDGETWIDTH: This is where you determine the actual width in pixels of the widget box.

WIDGETTITLE: You can change the default h3 title of the widget. The default title is: “Subscribe for latest updates”.

NEW_WINDOW: Here you can define whether you wants the links to the social networking sites to open in a new browser tab or windows when a visitor clicks on one of the five icons. Enter true or false.

Requirements

In order to work, Advanced Social Widget WordPress plugin needs the following requirements:

PHP version 5+

Frequently Asked Questions

= How to I hide certain icons and their functionality? =To disable just a single icon and it’s functionality simply change the configuration setting from true to false and that icon will not be displayed.

= Part of the Widget box is missing or overflowing outside my sidebar =
You have the ability to define the actual width of the widget box. By default the width of the widget width is set to 250px.
If part of the widget box is mssing or overflowing change the width of the WIDGETWIDTH settings so that it matches the size of area you wish to display the script in. Try decreasing the widget box width size to say 220. There is no need to add the (px) pixels as this is added automatically for you.

= The hover effect over the icons isn’t displaying isn’t displaying =
You need to make sure you include both the jQuery library and the script javascript file into your website page. To do this include the follow code in your website document <head> section.