Multi-Gaming Community

How-To: Put live server stats on your website

1. Introduction Maybe you have noticed the live server stats on our homepage. We've decided to release the script and tutorial how to use this on your website. 2. Requirements You'll need:
  • Webserver with PHP (4 or 5) support
  • Some basic HTML knowledge
3. Download & installation You can download the script & sample webpage here (ZIP, 36kB). Extract and copy it to your website. You can delete page.html if you want, it's just a sample page. Important: Make sure that directory cache/ is writable by the webserver. You can do this using your FTP client (search for Properties or Permissions) or you can use the following command: 
chmod a+rw cache/
4. Configuration Open the config.php file in your favourite editor. You will find 4 configuration variables: $servers This is list of the servers to display. You have to fill out name, IP address and port for each server. For example, here is the list we are using: 
$servers = array (array ('name' => 'Server #1 [TF2 - All maps]',
                         'ip' => '85.17.60.96',
                         'port' => 27025),
                  array ('name' => 'Server #2 [TF2 - All maps]',
                         'ip' => '85.17.60.96',
                         'port' => 27035),
                  array ('name' => 'Server #3 [TF2 - All maps]',
                         'ip' => '85.17.60.102',
                         'port' => 27015),
                  array ('name' => 'Server #4 [TF2 - Dustbowl]',
                         'ip' => '80.193.86.252',
                         'port' => 27015));
$cachelifetime This sets the time (in seconds) after which the cache file expires. Default value is 30 seconds. Setting it higher will reduce server load but it'll be "less live" and vice-versa. To disable caching set it to 0. $cachefile Path to the cache file. You probably won't need to change this one. $output This is something like template. For each server, this text will be filled with actual data and sent to browser. You can use the following placeholders:
#name#
Name of the server (can be set in $servers)
#ip# and #port#
IP address and port of the server. You can use this to create the "Join this server" link by pointing it to: 
steam://connect/#ip#:#port#
#map#
Name of the current map.
#players# and #maxplayers#
Number of players / maximum players (slots).
5. Testing To test the configuration point your browser to the query.php file. You should see a list of servers formatted using your template. Note: If you have many servers it may take a while. However, if you have caching enabled, refreshing the page will be instant. 6. Putting it on website Now comes part 2. Firstly you have to put jQuery (JavaScript framework) to your website. You can find it in the zip (jquery.js) or download it from the official site. Then put the following code to your website's <head> section: 
<script src="jquery.js" type="text/javascript"></script>
Note: Don't forget to change the src attribute if you have jquery.js in some subdirectory. Then put the following code anywhere to your website where you want the stats to be located: 
<div id="serverstats-loading">Please wait ...<br /></div>
<div id="serverstats-wrapper" style="display: none"></div>
The first <div> will be displayed until server info is loaded. Then the second <div> will be filled with the output of query.php and displayed. All this is done by the following JavaScript code (put it at the end of your website, before </body>): 
<script type="text/javascript">
    $(document).ready(function(){
        $.post("query.php", {}, 
            function (data) {
                $('#serverstats-wrapper').html (data);
                $('#serverstats-loading').hide();
                $('#serverstats-wrapper').show ();
            });
    });
</script>
Note: Again, don't forget do change the path to query.php if it's located in some subdirectory. If you want the same expanding effect as we have on our website, change this line: 
                $('#serverstats-wrapper').show ();
to 
                $('#serverstats-wrapper').show ("slow");
7. Conclusion Now you know how to put live server stats on your website. If you found this How-To useful, please recommend it to others. Also, if you have any problems with getting this work or you have some other questions, feel free to ask in comments.

Comments

hi

21. February 2009 - 13:26 — Anonymous

very nice tip ;)

how to show playing user and map picture ?

Live server stats on your website

13. October 2008 - 15:59 — Anonymous
I browsed through the halflife.php file in the PQ folder and it seems that it records other information. Lines 202 to 251 include information such as player kills and online time, so is it possible to include these in live stats as well? Could you give a demon script? Many thanks :)

I browsed through the

13. October 2008 - 15:58 — Anonymous
I browsed through the halflife.php file in the PQ folder and it seems that it records other information. Lines 202 to 251 include information such as player kills and online time, so is it possible to include these in live stats as well? Could you give a demon script? Many thanks :)

I'd like to know how to make

20. August 2008 - 23:42 — Anonymous
I'd like to know how to make it display horizontally. I have two servers and want them to show side by side at http://highsocietygaming.net and also how did you add the next map and timeleft to the stats? Is it hooking a source mod command? http://www.specialattack.net/content/servers-and-features The one's I'm talking about are on this page.

Not querying properly

15. August 2008 - 4:33 — Anonymous
Hi guys, thanks for the awesome job here! I just downloaded the zip file > extracted to my webserver (everything in the same directory) > give full permission to cache folder (and its sub directories/files) > and then I tried opening page2....doesn't work It just show: Server #1 [TF2 - All maps] / Server #2 [TF2 - All maps] / Server #3 [TF2 - All maps] / Server #4 [TF2 - Dustbowl] / no map, no player count, no max player. The link works... what could be wrong?

Looks like you are using the

16. August 2008 - 9:28 — lacop (not verified)
Looks like you are using the default config. It works for me. Make sure that fsockopen function is allowed on your hosting. Create a file info.php that will looks like this: <?php phpinfo (); ?> Upload it on your website and post link to it here. I'll check out your configuration.

www.odr66.com/phpinfo.php its

31. August 2008 - 20:27 — Anonymous
www.odr66.com/phpinfo.php its shared hosting unfortunately, is there any workaround if a particular feature is disabled?

I got the same problem he had

20. August 2008 - 10:50 — Anonymous
I got the same problem he had with this. Here's my info.php http://highsocietygaming.net/info.php

Error message

2. August 2008 - 15:22 — Anonymous
Hello, Thank you for the how-to's. I wonder if you could help me with this error I'm getting when trying to implement this: Parse error: syntax error, unexpected ';', expecting ')' in /home/couch/public_html/livestats/config.php on line 13

Error Message - config.php

28. August 2008 - 1:36 — Anonymous
I too am getting the following error. When I load the link for the fix you provided for the user above, the link does not work: Parse error: syntax error, unexpected ';', expecting ')' in /home/blindman/public_html/config.php on line 13 I'm wondering if you can provide me with a fix as well. Here's my config file: http://www.privatepaste.com/3fVrgXBOHD Thanks for your help.

please post your config.php

2. August 2008 - 16:30 — lacop (not verified)
please post your config.php file here: http://rafb.net/paste/ and give me the URL

ok...pasted as requested (out

2. August 2008 - 16:39 — Anonymous
ok...pasted as requested (out the URL to the sample page in a comment) Thank you.

fixed

2. August 2008 - 19:53 — lacop (not verified)
fixed version: http://rafb.net/p/CKeI6C24.html

Worked like a charm -

3. August 2008 - 14:33 — Anonymous
Worked like a charm - thanks! Question: Do you by any chance plan a how-to guide on getting your servers to display in the format you're using here: http://www.specialattack.net/content/servers-and-features That's really what I'm looking for ;-)

check source of this

3. August 2008 - 20:47 — lacop (not verified)
check source of this script http://www.specialattack.net/modules/spa_servers/query_wide.php you can use that to create template for horizontal layout in case of any problems feel free to ask

OK....I feel like a total

4. August 2008 - 13:57 — Anonymous
OK....I feel like a total noob....but all I can get from viewing the source of that page is the output. I have no idea how to format a page to produce that ;-(

all you need is to change the

5. August 2008 - 16:21 — lacop (not verified)
all you need is to change the $output in config to something like: <div style="float: left; padding-left: 10px;"><strong>Server #name#</strong><br/>Map: #map#<br/>Players: #players#/#maxplayers#</div> you can customize it as you like

How would I add timeleft and

21. August 2008 - 1:06 — Anonymous
How would I add timeleft and nextmap?