Configuring Easy Social Share Buttons – Social Fans Counter Setup
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.
Step 3) Scroll down until you see the Modules area and click Social Fans Counter to select.
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.
Step 6) Click the Update Settings button to save any changes.
Setting Up Counters
Below is a list of available counters:
For this example, Facebook will be setup.
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.
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.).
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.
Prior to moving forward, we recommend that you view your site to see the changes applied above and make any modifications as needed.
The next step of the guide will focus on Configuring Easy Social Share Main Settings – myCred Integration.