test/index.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport"
	content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
<meta http-equiv="Content-Security-Policy" content="default-src * gap://ready file:; style-src 'self' 'unsafe-inline'; img-src 'self' data:; script-src * 'unsafe-inline' 'unsafe-eval'">
<title>Hello World</title>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="jquery-1.9.js"></script>
<style type="text/css">
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: gray;
	color: white;
}

div#fullpage {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0px solid red;
	text-align: center;
	vertical-align: middle;
}

button {
	font-size: 18px;
}
</style>
</head>
<body onload="onLoad()" onresize="onResize()">
	<script>
    function onLoad() {
        if(( /(ipad|iphone|ipod|android)/i.test(navigator.userAgent) )) {
            document.addEventListener('deviceready', initApp, false);
        } else {
            initApp();
        }
    }

    var ad_units = {
            ios : '2DYY249X5G798HMF3MTH',
            android : 'G56KN4J49YT66CFRD5K6'
        };
        var adid = ( /(android)/i.test(navigator.userAgent) ) ? ad_units.android : ad_units.ios;
        
        function initApp() {
        	if (! FlurryAds ) { alert( 'flurry ads plugin not ready' ); return; }
        	
            initAd();
            
            // display the banner at startup
            createSelectedBanner();
        }
        function initAd(){
            var defaultOptions = {
                // adSize: 'SMART_BANNER',
                // width: integer, // valid when set adSize 'CUSTOM'
                // height: integer, // valid when set adSize 'CUSTOM'
                position: FlurryAds.AD_POSITION.BOTTOM_CENTER,
                // x: integer,		// valid when set position to 0 / POS_XY
                // y: integer,		// valid when set position to 0 / POS_XY
                isTesting: true, // set to true, to receiving test ad for testing purpose
                // autoShow: true // auto show interstitial ad when loaded, set to false if prepare/show
            };
            FlurryAds.setOptions( defaultOptions );
            registerAdEvents();
        }
		var nativeId = null;
		function updateClickArea(){
			if (nativeId != null) {
				// change the click area
				var offset = $("#nativead").offset();
				var y = offset.top - $(window).scrollTop();
				var x = offset.left - $(window).scrollLeft();
				var w = $("#nativead").width();
				var h = $("#nativead").height();
				FlurryAds.setNativeAdClickArea(nativeId, x, y, w, h);
			}
		}
		$(window).scroll(function(){
			updateClickArea();
		});
        // optional, in case respond to events or handle error
        function registerAdEvents() {
            // new events, with variable to differentiate: adNetwork, adType, adEvent
            document.addEventListener('onAdFailLoad', function(data){ 
            	alert('error: ' + data.error + 
            			', reason: ' + data.reason + 
            			', adNetwork:' + data.adNetwork + 
            			', adType:' + data.adType + 
            			', adEvent:' + data.adEvent); // adType: 'banner' or 'interstitial'
            });
            document.addEventListener('onAdLoaded', function(data){
				if (data.adType == "native") {
					var adRes = data.adRes;
					//alert( JSON.stringify(adRes) );

					// show ad
					nativeId = data.adId;
					var nativeAdContent = adRes.headline
							+ '<br/>summary:'
							+ adRes.summary
							+ "<br/>source: "
							+ adRes.source
							+ "<br/>";
					if(adRes.secBrandingLogo) {
						nativeAdContent += "<img src='" + adRes.secBrandingLogo.url + "' width='" + adRes.secBrandingLogo.width + "' height='" + adRes.secBrandingLogo.height + "'/><br/>";
					}
					if(adRes.secHqBrandingLogo) {
						nativeAdContent += "<img src='" + adRes.secHqBrandingLogo.url + "' width='" + adRes.secHqBrandingLogo.width + "' height='" + adRes.secHqBrandingLogo.height + "'/><br/>";
					}
/*					if(adRes.secOrigImg) {
						nativeAdContent += "<img src='" + adRes.secOrigImg.url + "' width='" + adRes.secOrigImg.width + "' height='" + adRes.secOrigImg.height + "'/><br/>";
					}
					if(adRes.secHqImage) {
						nativeAdContent += "<img src='" + adRes.secHqImage.url + "' width='" + adRes.secHqImage.width + "' height='" + adRes.secHqImage.height + "'/><br/>";
					}
*/
					if(adRes.secImage) {
						nativeAdContent += "<img src='" + adRes.secImage.url + "' width='" + adRes.secImage.width + "' height='" + adRes.secImage.height + "'/><br/>";
					}
					$('#nativead').html(nativeAdContent);
					
					updateClickArea();
				}
            });
            document.addEventListener('onAdPresent', function(data){});
            document.addEventListener('onAdLeaveApp', function(data){});
            document.addEventListener('onAdDismiss', function(data){});
        }
        
        // click button to call following functions
        function getSelectedAdSize() {
            var i = document.getElementById("adSize").selectedIndex;
            var items = document.getElementById("adSize").options;
            return items[i].value;
        }
        function getSelectedPosition() {
            var i = document.getElementById("adPosition").selectedIndex;
            var items = document.getElementById("adPosition").options;
            return parseInt( items[i].value );
        }
        function createSelectedBanner() {
        	var overlap = document.getElementById('overlap').checked;
            FlurryAds.createBanner( {adId:adid, overlap:overlap, adSize: getSelectedAdSize(), position:getSelectedPosition()} );
        }
        function createBannerOfGivenSize() {
            var w = document.getElementById('w').value;
            var h = document.getElementById('h').value;
            
            FlurryAds.createBanner( {adId:adid,
                               adSize:'CUSTOM', width:w, height:h,
                               position:getSelectedPosition()} );
        }
        function showBannerAtSelectedPosition() {
            FlurryAds.showBanner( getSelectedPosition() );
        }
        function showBannerAtGivenXY() {
            var x = document.getElementById('x').value;
            var y = document.getElementById('y').value;
            FlurryAds.showBannerAtXY(x, y);
        }
        function prepareInterstitial() {
            var autoshow = document.getElementById('autoshow').checked;
            FlurryAds.prepareInterstitial({adId:adid, autoShow:autoshow});
        }
        function onResize(){
            var s = document.getElementById('sizeinfo');
            s.innerHTML = "web view: " + window.innerWidth + " x " + window.innerHeight;
        }
		function createNativeAd() {
			FlurryAds.createNativeAd(adid);
		}
		function removeNativeAd() {
			$('#nativead').html("<br/>");
			FlurryAds.removeNativeAd(nativeId);
		}
        </script>
	<div id="fullpage">
		<p>Demo for FlurryAds Plugin</p>
		Banner<br /> Standard: <select id="adSize">
			<option value='SMART_BANNER'>SMART_BANNER</option>
			<option value='BANNER'>BANNER</option>
			<option value='MEDIUM_RECTANGLE'>MEDIUM_RECTANGLE</option>
			<option value='FULL_BANNER'>FULL_BANNER</option>
			<option value='LEADERBOARD'>LEADERBOARD</option>
			<option value='SKYSCRAPER'>SKYSCRAPER</option>
		</select><br /> <input type='checkbox' id='overlap' />overlap
		<button onclick="createSelectedBanner();">create</button>
		<br /> Custom Size: (<input id='w' type='text' size=3 /> x <input
			id='h' type='text' size=3>)
		<button onclick="createBannerOfGivenSize();">create</button>
		<br />

		<button onclick="FlurryAds.removeBanner();">remove banner</button>

		<hr />
		<select id="adPosition">
			<option value='1'>Top Left</option>
			<option value='2'>Top Center</option>
			<option value='3'>Top Right</option>
			<option value='4'>Left</option>
			<option value='5'>Center</option>
			<option value='6'>Right</option>
			<option value='7'>Bottom Left</option>
			<option value='8' selected>Bottom Center</option>
			<option value='9'>Bottom Right</option>
		</select>
		<button onclick="showBannerAtSelectedPosition();">show</button>
		<br /> (<input id='x' type='text' size=3 />,<input id='y'
			type='text' size=3>)
		<button onclick="showBannerAtGivenXY();">show At XY</button>
		<br />

		<button onclick="FlurryAds.hideBanner();">hide banner</button>
		<hr />

		<p>Interstitial</p>
		<input type='checkbox' id='autoshow' checked />auto show when ready<br />
		<button onclick="prepareInterstitial();">Prepare</button>
		<button onclick="FlurryAds.showInterstitial();">Show</button>
		<div id='sizeinfo'></div>
		<hr />

		<p>Native Ad</p>
		<div id='nativead' style="border:1pt solid red;width:300;"><br/></div>
		<button onclick="createNativeAd();">Create</button>
		<button onclick="removeNativeAd();">Remove</button>
	</div>
</body>
</html>