How to display Facebook Fan, Twitter and Google+ Follower counts?

Harry P

New member
Joined
Feb 3, 2015
Messages
331
Points
0
How to display Facebook Fan, & Twitter and Google+ Follower counts on a web page?

I want to show something like this

count-facebook-fans-twitter-followers.png
 

Mike001

New member
Joined
Apr 27, 2016
Messages
578
Points
0
Harry,

What you are asking is really quite simple.

The backgrounds are simply CSS settings and the DIV is set up as a display-inline block.

The images can be acquired from the actual accounts, most accounts, and the three you reference in particular have code that can be downloaded from your account settings to link back the site to grab the account stats. This code is just pasted into your web page. The follow like and subscribe are the same type of solution.

Most of these accounts actually have an area where you can design how you want the link to look prior to downloading the script for inclusion in your web site.

I hope this helps.

Mike
 

Harry P

New member
Joined
Feb 3, 2015
Messages
331
Points
0
Harry P
Thanks for explaining its design, what about the counts?

I tried to find ways for showing counts on the DIVs but I could not do as articles from tutorial sites, they guided to do it with JS or PHP but some are pretty long and complex, I need light codes and easier solutions.

What are your suggestions? should I go with PHP or JavaScript codes? any examples?
 

Mike001

New member
Joined
Apr 27, 2016
Messages
578
Points
0
Harry,

Let's take twitter as an example, but they all work very similar.

At the help center at twitter there is a way for you to add a follow me button to your website and they generate all the JavaScript code needed to link to the Twitter API. Now obviously you will need to log in with your twitter account to get the correct code. But I have attached the link below that will take you to the help center.

There is something very similar for Google+, Linked In, YouTube, and I am pretty certain that Facebook would have it also. I cannot say for certain on Facebook because I have never actually implemented one of those but all the rest I have.

Remember you are connecting to the API (Application Programming Interface) for the particular product. To write that code yourself would be very complex unless you were a well seasoned developer that is why these application give you access with a plugin or JavaScript as described in the Help Center Link.

Twitter Help Center - Adding a Follow Button.

https://support.twitter.com/articles/20164833

I hope this clears it up for you.

Mike



Thanks for explaining its design, what about the counts?

I tried to find ways for showing counts on the DIVs but I could not do as articles from tutorial sites, they guided to do it with JS or PHP but some are pretty long and complex, I need light codes and easier solutions.

What are your suggestions? should I go with PHP or JavaScript codes? any examples?
 
Older threads
Replies
14
Views
5,655
Replies
7
Views
3,061
Replies
1
Views
3,647
Replies
0
Views
1,848
Latest threads
Replies
2
Views
368
Replies
1
Views
366
Replies
4
Views
1,888
Replies
3
Views
794
Recommended threads
Replies
3
Views
3,475
Replies
0
Views
2,059
Replies
1
Views
5,736
Replies
4
Views
1,803

Referral contests

Referral link for :

Sponsors

Popular tags

You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.

Top