Create a WordPress MochiAds Leaderboards Widget

October 17, 2008 • Flash, Php, WordPress by Emanuele Feronato • 9 Comments

Some time ago I blogged about Showing MochiAds leaderboards in any Flash movie or web page with a script made by myself that displayed MochiAds leaderboards on your site.

Yesterday MochiAds guys released a widget that accepts a game slug and partner ID and will display all the available leaderboards for the given game. The partner ID will constrain the widget to showing only scores from your site if you choose to do so. The widget is a Flash .SWF that can be embedded on any HTML page on your site.

In the official docs page there is an example using swfobject library but there is a much simpler way to embed scores… here it is:

<embed src="http://dev.mochiads.com/static/pub/swf/LeaderboardWidget.swf?game=ballbalance" allowscriptaccess="always" menu="false" quality="high" width="400" height="400" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

1	<embed src="http://dev.mochiads.com/static/pub/swf/LeaderboardWidget.swf?game=ballbalance" allowscriptaccess="always" menu="false" quality="high" width="400" height="400" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

Just replace ballbalance with the game slug you want to display highscores.

Width and height have minimum values of 230 and 200 pixels, and the score table will adjust according to size.

Here it is an example of a leaderboard with 400×400

And this is the tiniest one…

… that looks perfect to be embedded in a blog

Let’s create the WP widget!

Before continuing, I suggest you to read How to create a WordPress Widget if you don’t have experience with WP widgets.

The new widget is made this way (don’t worry, I’ll explain how to do it during one of next tutorials)

<?php
/*
Plugin Name: MochiScores
Plugin URI: http://www.emanueleferonato.com/
Description: Displays MochiAds leaderboard in your WP blog!!
Author: Emanuele Feronato
Version: 1
Author URI: http://www.emanueleferonato.com/
*/

function mochi_scores() {
	$game_slug = get_option("mochiads_slug");
	$game_name = get_option("mochiads_name");  
	echo"<h2>$game_name Leaderboard</h2><embed src=\"http://dev.mochiads.com/static/pub/swf/LeaderboardWidget.swf?game=$game_slug\" allowscriptaccess=\"always\" menu=\"false\" quality=\"high\" width=\"230\" height=\"200\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\"></embed>";
}

function mochi_setup(){
	add_option("mochiads_slug","ballbalance");
	add_option("mochiads_name","BallBalance");
	if($_POST[game_slug]){
		update_option("mochiads_slug", strip_tags(stripslashes($_POST[game_slug])));	
	}
	if($_POST[game_name]){
		update_option("mochiads_name", strip_tags(stripslashes($_POST[game_name])));	
	}
	$game_slug = get_option("mochiads_slug");
	$game_name = get_option("mochiads_name");    
	echo "<div>\n";
	echo "<div style = \"width:90px;float:left\">Game name:</div><input style = \"font-size:11px\" type=\"text\" id=\"game_name\" name=\"game_name\" value=\"$game_name\" />\n";
	echo "<div style = \"width:90px;float:left\">Game slug:</div><input style = \"font-size:11px\" type=\"text\" id=\"game_slug\" name=\"game_slug\" value=\"$game_slug\" />\n";
	echo "</div>\n";
}

function init_mochi(){
	register_sidebar_widget("MochiAds Scores", "mochi_scores");  
	register_widget_control("MochiAds Scores", "mochi_setup");   
}

add_action("plugins_loaded", "init_mochi");

?>

<?php

Plugin Name: MochiScores

Plugin URI: http://www.emanueleferonato.com/

Description: Displays MochiAds leaderboard in your WP blog!!

Author: Emanuele Feronato

Version: 1

Author URI: http://www.emanueleferonato.com/

function mochi_scores() {

$game_slug = get_option("mochiads_slug");

$game_name = get_option("mochiads_name");

echo"<h2>$game_name Leaderboard</h2><embed src=\"http://dev.mochiads.com/static/pub/swf/LeaderboardWidget.swf?game=$game_slug\" allowscriptaccess=\"always\" menu=\"false\" quality=\"high\" width=\"230\" height=\"200\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\"></embed>";

}

function mochi_setup(){

add_option("mochiads_slug","ballbalance");

add_option("mochiads_name","BallBalance");

if($_POST[game_slug]){

update_option("mochiads_slug", strip_tags(stripslashes($_POST[game_slug])));

}

if($_POST[game_name]){

update_option("mochiads_name", strip_tags(stripslashes($_POST[game_name])));

}

$game_slug = get_option("mochiads_slug");

$game_name = get_option("mochiads_name");

echo "<div>\n";

echo "<div style = \"width:90px;float:left\">Game name:</div><input style = \"font-size:11px\" type=\"text\" id=\"game_name\" name=\"game_name\" value=\"$game_name\" />\n";

echo "<div style = \"width:90px;float:left\">Game slug:</div><input style = \"font-size:11px\" type=\"text\" id=\"game_slug\" name=\"game_slug\" value=\"$game_slug\" />\n";

echo "</div>\n";

}

function init_mochi(){

register_sidebar_widget("MochiAds Scores", "mochi_scores");

register_widget_control("MochiAds Scores", "mochi_setup");

}

add_action("plugins_loaded", "init_mochi");

and creates customizable widget allowing you to specify name and slug of your game this way:

Download the widget and give me feedback

Rate this post: 1 Star

(6 votes, average: 4.83 out of 5)

Loading ...

Flash Templates provided by Template Monster are pre-made web design products developed using Flash technology.
They can be easily customized to meet the unique requirements of your project.

Be my fan on Facebook and follow me on Twitter! Exclusive content for my Facebook fans and Twitter followers

This post has 9 comments

antonio3407

on October 17, 2008 at 2:39 pm

What about the plugin to add games to wordpress when you gonna release?
dix huit

on October 17, 2008 at 2:41 pm

+1 – When’s the WordPress Arcade plugin gonna see the light of day?
Emanuele Feronato

on October 17, 2008 at 3:30 pm

As soon as it’s bug free…
Nathan

on October 17, 2008 at 6:31 pm

Oh my gosh…. stop bugging him about the WP Arcade! He will tell you when its ready!
dix huit

on October 17, 2008 at 10:49 pm

@Nathan: I’m not bugging him, just checking in. The man said it would be ready on October 1st. I’m just really looking forward to this plugin.

I’d give him a hand if my PHP was better.
Bob Ippolito

on October 18, 2008 at 4:47 am

Please don’t use the “dev.mochiads.com” URL, that was a mistake on our part.

We’ve just released significant updates to the leaderboard widgets, check it out:
http://www.mochiads.com/support/pub_docs#widg
Bob

on October 29, 2008 at 4:37 pm

Dear Emanuele,
Please publish that plugin for importing games.
cam mozaik

on May 22, 2010 at 7:48 pm

Thanks a lot! I am just learning Information.
And php and this was very easy to follow and helped a lot.
You really took time to explain every little bit.
Thanks again…
Flash Game Development Inter-web mash up: October 17, 2008 « 8bitrocket.com

on May 13, 2013 at 3:49 am

[...] is on FIRE! This guy doesn't quit. He is always offering up a wealth of new tutorials for all. – Create a WordPress MochiAds Leaderboards Widget – New tile based platform engine – AS3 version updated to step 10 PLUS scrolling – Create a Flash [...]

Emanuele Feronato

italian geek and PROgrammer

Create a WordPress MochiAds Leaderboards Widget

This post has 9 comments

antonio3407

dix huit

Emanuele Feronato

Nathan

dix huit

Bob Ippolito

Bob

cam mozaik

Flash Game Development Inter-web mash up: October 17, 2008 « 8bitrocket.com