Integration Examples

U Diamond mode

index.html

<!doctype html>
<html lang="en-US" xml:lang="en-US">
<head>
	<title>Funpepper</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<script type="text/javascript" src="https://h-cdn.pengpengla.com/up/opengamejs/1.4.0/assets/seed.js"></script>
</head>
<body>
	<!--  coding -->
</body>
</html>

index.js


/**
 * openSdk.envi provides env, device, language, etc.
 * 1. Language: URL _lang > browser language
 * 2. Environment: URL env=pro or env=stage
 */
var lang = openSdk.envi.lang;
var env = openSdk.envi.env;

// Step 1: init (required)
openSdk.init({
	env: 'stage',
   	client_id: 'CLIENT_ID',
   	game_id: 'GAME_ID',
   	mode: 'diamond'
});

// Step 2: OAuth (required)
if (openSdk.url.query('code')) {
	// Exchange code on server; see http://developers.funpepper.com/en/oauth/
} else {
	openSdk.oauth({
		redirect_url: location.href,
	});
	return;
}

// Step 3: ping for PV/UV (required)
openSdk.ping({
	open_id: 'OPEN_ID',
});

Gold coin mode

index.html

<!doctype html>
<html lang="en-US" xml:lang="en-US">
<head>
	<title>Funpepper</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<script type="text/javascript" src="https://h-cdn.pengpengla.com/up/opengamejs/1.4.0/assets/seed.js"></script>
</head>
<body>
	<!--  coding -->
</body>
</html>

index.js


var lang = openSdk.envi.lang;
var env = openSdk.envi.env;

openSdk.init({
	env: 'stage',
   	client_id: 'CLIENT_ID',
   	game_id: 'GAME_ID',
   	mode: 'gold'
});

if (openSdk.url.query('code')) {
	// Server-side code exchange; see /en/oauth/
} else {
	openSdk.oauth({
		redirect_url: location.href,
	});
	return;
}

openSdk.ping({
	open_id: 'OPEN_ID',
});

// Step 4 (gold mode): claim daily free gold
   	openSdk.receiveGold({
   		open_id: 'OPEN_ID',
           getGoldSuccess: function(){
           }
   	});

Ad mode

index.html

<!doctype html>
<html lang="en-US" xml:lang="en-US">
<head>
	<title>Funpepper</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<script type="text/javascript" src="https://h-cdn.pengpengla.com/up/opengamejs/1.4.0/assets/seed.js"></script>
</head>
<body>
	<!--  coding -->
</body>
</html>

index.js


var lang = openSdk.envi.lang;
var env = openSdk.envi.env;

openSdk.init({
	env: 'stage',
   	client_id: 'CLIENT_ID',
   	game_id: 'GAME_ID',
   	mode: 'ad'
});

if (openSdk.url.query('code')) {
	// Server-side code exchange
} else {
	openSdk.oauth({
		redirect_url: location.href,
	});
	return;
}

openSdk.ping({
	open_id: 'OPEN_ID',
});

openSdk.ads.showLandingVideo({
    start: function() {
        alert('Enter game');
    }
});

openSdk.ads.showRewardVideo({
    open_id: 'OPEN_ID',
    success: function() {
        alert('Reward granted on server')
    },
    close: function(status){
        if (status) {
            alert('Closed after complete view');
        } else {
            alert('Closed before complete view');
        }
    },
    error: function() {
        alert('Ad load failed');
    }
});