iagocavalcante/index.php

## index.php
<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<script>
		function showMetrics1(){
			FB.api(
  				'/viladosilicio/insights/page_fans_country',
				{
					"period": "lifetime"
				},
  				function(response) {
      				console.log(response);
      				var texto = document.createTextNode(' Curtidas Brasil: '+response.data[0].values[0].value.BR);
      				var teste = document.getElementById('teste');
      				teste.appendChild(texto);
  				}
			);
		}

		function checkLoginState() {
  			FB.getLoginStatus(function(response) {
  				console.log(response);
    			statusChangeCallback(response);
  			});
		}

		function statusChangeCallback(response){
			var teste = document.getElementById('teste');
			var button = document.createElement('button');
			button.id = 'metrica';
			button.setAttribute('onclick','showMetrics1()');
			var texto = document.createTextNode('Metricas');
			button.appendChild(texto);
			teste.appendChild(button);
			var metrica = document.getElementById('metrica');
			var fb = document.getElementById('fb');
			if(response.status === "connected"){
				alert("Conectando..");
				teste.appendChild(metrica);
				teste.removeChild(fb);
			}
		}

		window.onload = function(){
			var teste = document.getElementById('teste1');
			var metrica = document.getElementById('metrica');
			teste.removeChild(metrica);
		}

</script>
<div id="teste">
	<fb:login-button id="fb"
	  scope="public_profile,email"
	  onlogin="checkLoginState();">
	</fb:login-button>

</div>
<div id="teste1">
<button id="metrica" onclick="showMetrics1()">Metricas</button>

</div>
<script>
	window.fbAsyncInit = function() {
		FB.init({
			appId      : '1240241499334814',
			xfbml      : true,
			version    : 'v2.8'
		});
		FB.AppEvents.logPageView();

	};

	(function(d, s, id){
		var js, fjs = d.getElementsByTagName(s)[0];
		if (d.getElementById(id)) {return;}
		js = d.createElement(s); js.id = id;
		js.src = "http://connect.facebook.net/en_US/sdk.js";
		fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));


</script>

</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title></title>
	</head>
	<body>
	<script>
	function showMetrics1(){
	FB.api(
	'/viladosilicio/insights/page_fans_country',
	{
	"period": "lifetime"
	},
	function(response) {
	console.log(response);
	var texto = document.createTextNode(' Curtidas Brasil: '+response.data[0].values[0].value.BR);
	var teste = document.getElementById('teste');
	teste.appendChild(texto);
	}
	);
	}

	function checkLoginState() {
	FB.getLoginStatus(function(response) {
	console.log(response);
	statusChangeCallback(response);
	});
	}

	function statusChangeCallback(response){
	var teste = document.getElementById('teste');
	var button = document.createElement('button');
	button.id = 'metrica';
	button.setAttribute('onclick','showMetrics1()');
	var texto = document.createTextNode('Metricas');
	button.appendChild(texto);
	teste.appendChild(button);
	var metrica = document.getElementById('metrica');
	var fb = document.getElementById('fb');
	if(response.status === "connected"){
	alert("Conectando..");
	teste.appendChild(metrica);
	teste.removeChild(fb);
	}
	}

	window.onload = function(){
	var teste = document.getElementById('teste1');
	var metrica = document.getElementById('metrica');
	teste.removeChild(metrica);
	}

	</script>
	<div id="teste">
	<fb:login-button id="fb"
	scope="public_profile,email"
	onlogin="checkLoginState();">
	</fb:login-button>

	</div>
	<div id="teste1">
	<button id="metrica" onclick="showMetrics1()">Metricas</button>

	</div>
	<script>
	window.fbAsyncInit = function() {
	FB.init({
	appId : '1240241499334814',
	xfbml : true,
	version : 'v2.8'
	});
	FB.AppEvents.logPageView();

	};

	(function(d, s, id){
	var js, fjs = d.getElementsByTagName(s)[0];
	if (d.getElementById(id)) {return;}
	js = d.createElement(s); js.id = id;
	js.src = "http://connect.facebook.net/en_US/sdk.js";
	fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));


	</script>

	</body>
	</html>