Configuring Easy Social Share Buttons – Social Fans Counter Setup

Posted OnMay 14, 2015     CategoryPlugins     Comments3 comments

In this section of the guide to the Easy Social Share Buttons plugin, we will look at how to setup the Social Fans Counter Module!

Step 1) Login to the WordPress Dashboard.

Step 2) On the left-hand sidebar of the Dashboard, click Easy Social Share Buttons to display the Main Settings tab.

km-easy-getting-01a

Step 3) Scroll down until you see the Modules area and click Social Fans Counter to select.

General Option

Step 4) In the General Option area you can re-arrange the display order of the Social Networks by dragging and dropping them to a new location.

For this example, Twitter was moved directly below Facebook.

Step 5) In the Cache field a default value of 2 is displayed. Feel free to adjust this value as needed.

For this example, no change was made.

km-easy-getting-41aQQ

Step 6) Click the Update Settings button to save any changes.

Setting Up Counters

Below is a list of available counters:

  • Facebook
  • Twitter
  • Google+
  • YouTube
  • Vimeo
  • Dribbble
  • Github
  • Envato
  • SoundCloud
  • Behance
  • Delicious
  • Instagram
  • Pinterest
  • Love This
  • VK.com
  • RSS
  • MailChimp
  • LinkedIn
  • Tumblr
  • Steam
  • Posts Counter
  • Comments Counter
  • Users Counter
  • Total Site Fans

For this example, Facebook will be setup.

Facebook

Step 8) To setup a Facebook Counter, complete the fields as outlined below:

A. Page ID/Name If your page link looks like http://www.facebook.com/pagename, then the page name will be pagename.

If page page link looks like http://www.facebook.com/pages/pagename/12345678901234, then the page ID will be 12345678901234.

Enter the appropriate value in this textbox.

B. Text Below The Number Modify the Fans text in this textbox, if appropriate.

For this example, no change was made.

C. Extract data From the dropdown list, select either Without Access Token Key or With Access Token Key.

If With Access Token Key is selected, you will need to generate a Facebook Access Token Key or an Open Graph API Explorer Access Token as shown below. (See D. and E.)

For this example, With Access Token Key was selected.

D. Facebook Access Token Key If you have a Facebook Access Token Key or an Graph API Access Token, enter this value in the textbox.

For this example, an Access Token Key was entered.

E.
 
 
 
F.
Go to Developer center to get your Application Key
 
 
Go to Graph API Explorer to generate your Access Token for Application
If With Access Token Key was selected above, and you want to generate a Facebook Access Token Key, click here to be forwarded to the Facebook Developer page where you can generate this key. Paste this key into the textbox shown above. (See D).
 
If With Access Token Key was selected above, and you want to generate an Graph API Access Token, click here where you can generate this key. Paste this key into the textbox shown above. (See D.).

km-easy-counter-10aW

Step 9) Click the Update Settings button to save any changes.

Step 10) Complete the remainder of the setups for each Social Network you want to display.

For this example, Twitter was also setup.

Adding an Easy Social Share Shortcode

The Social Fans Counter can be inserted as a Widget (Easy Social Fans Counter Widget) or with a shortcode.

The Social Fans Counter shortcode can be used with following options:

  • Style – This is a template of buttons. You can select between: muted, colored, flat or metro.
  • Cols – Select how many columns to be used. You can choose between 1-4.
  • Width – Instead of using cols you can set the exact width of the buttons. For example you may enter 100 for 100px.

Step 11) To add a shortcode to an existing page, navigate to and open an existing page. For this example the Contact Us page was selected.

Step 12) Click the Edit hyperlink to edit the selected page.

Step 13) Click the Text tab.

Step 14) Add the shortcode shown in the graphic below.

Step 15) Click the Update button.

km-easy-getting-30aw


Checkpoint

Prior to moving forward, we recommend that you view your site to see the changes applied above and make any modifications as needed.

km-easy-getting-final-02


The next step of the guide will focus on Configuring Easy Social Share Main Settings – myCred Integration.

 


3 comments

Comments

  1. memz

    Hey nice article, just wanted to ask if you’ve ever had an issue with the counter on one of the buttons but not the rest? It’s bugging me!

  2. Scarlet

    If With Access Token Key was selected, you want to generate a Facebook Access Token Key BUT when I follow your link to the developers page to generate it- do I choose page token or app token? Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *

Send this to friend