Social Counter Section

I’m really excited about the latest section creation–Social Counter. This section is going to make it so simple to share with your visitors how much street cred you have! After setting up your options for Facebook, Twitter, Youtube, Instagram, Dribbble, WordPress, and Campaign Monitor you can also vary the style and output of your social media badges.

These badges will show how many followers, fans, users, etc you have for each social network that you implement. They will link out to each social network or in the case of the rss count it will open a campaign monitor modal window for adding your email to the rss feed. If your WordPress users are set to show, then that badge will link to your registration page.

It’s also worth noting that since this is a section, you can override settings for individual pages in case you want to highlight profiles or author pages.

Documentation

Facebook Setup:

To setup your facebook fan count you need to find your fan page ID. You can find this ID by going here : http://graph.facebook.com/pagelines but instead use your own slug name. In the returned data you’ll see ID is towards the bottom.

 

Twitter Setup:

Setting up twitter is super simple. Just your username. No @ sign. period.

 

Youtube Username:

Youtube is also a simple setup. Just enter your username. hint: It’s at the end of your url  ( http://www.youtube.com/user/username )

 

Campaign Monitor RSS Setup

If you happen to have Campaign Monitor as your email marketing service you are in luck. If you don’t then you should definitely check them out. To setup your feed count you will need to grab your CM list activity feed. You find this by logging in to your account and navigating to  Lists and Subscribers. Choose the list that you want to track. Once the list info appears on screencampaign monitor list dashboard

You can then right click and copy the link for the orange RSS icon and paste into your social-counter section options.

Hooking up your RSS Subscribe form

Using the same image above as reference…

1. click the “Grow Your Audience” button on the right side of the screen.

2. Pick the top-left option on the next screen.
Screen Shot 2013-03-08 at 2.00.10 PM

 

3. Copy the resulting code into your social-counter “Campaign Monitor simple subscribe code” option.

 

Instagram Setup

Instagram setup requires some authentication–userID and token. I found the easiest way to find this info is two steps.

1. Visit http://jelled.com/instagram/lookup-user-id and enter your username.

2. Copy the resulting ID and go to https://apigee.com/console/instagram.

3. Click the very first option in the slideout under USERS

Screen Shot 2013-03-08 at 2.06.33 PM

 

4. Copy your userID from step 1 and replace {user-id}. You must also set authentication in the dropdown to Oauth2 (see image below)

Screen Shot 2013-03-08 at 2.09.25 PM

 

5. When you change the Authentication dropdown to Oauth it will allow you to sign in using your Instagram information. If you’ve logged in and you also have set your userID then you can click the orange send button on the right side of the screen.

6. Your access token will show up on the left column area called “Request”. Copy the number string after access_token= and paste it in your social-counter options as your Access Key.

 

Dribbble Setup

Dribbble follower count only requires your dribbble username.

 

WordPress User Setup

The WordPress user count will count and output all your users regardless of role. This option is meant primarily to show a ballpark number of users for people who run membership sites and links directly to the registration page to encourage continued signups.

 

Display Options

Display options are usually the most fun to just hop and start playing with so I’ll just include a gallery for you to get some ideas with. Pretty much endless flexibility with the design on this one!

 

Looking for something?

Use the form below to search the site:


Still not finding what you're looking for? Drop us a note so we can take care of it!

Archives

All entries, chronologically...