Tutorial: Apps de vídeo viral

Cicklow · 21/12/2012

Neste novo tutorial aprenderão a criar uma aplicação que funcione apenas em um site (não blogger, não WP), apenas criem um site ou um subdomínio e pronto para ganhar $$$$. Por que não funciona no WP? Porque para isso é preciso colocá-lo como plugin e isto é apenas um arquivo que gerencia tudo o que é viral (como nos tutoriais anteriores que era apenas o tab.php), por que não funciona no blogger? Pois porque usa PHP.

Antes de tudo:
1- NÃO me responsabilizo se banirem seus apps, suas fanpages ou o que seja ao usar tanta viralidade.
2- Podem usar adsense e gerar MUITO dinheiro
3- NÃO faço programações para outros, só posso te ajudar no que não conseguir, então evitemos as mensagens privadas perguntando se faço uma programação ou algo do tipo. Tampouco sou suporte de tudo o que lhes aconteça, se querem suporte para uma aplicação deste tipo há muitos lugares onde podem comprar uma. Neste caso é GRÁTIS!!!.

Agora colocaremos nossos possíveis cenários.
1- O usuário acessa, quer ver um vídeo
1a- Se o usuário já deu permissões, publica-se no mural do usuário (e usamos cookies para evitar publicar uma e outra vez, estes cookies duram 1 dia por vídeo).
1b- Se o usuário não deu permissões, redirecionamos ao facebook e pedimos as permissões correspondentes.
1c- Se o usuário foi redirecionado ao facebook e negou as permissões, igual acessa ao nosso site e poderá ver os vídeos, só que não será publicado no seu mural.

Agora à programação (evitarei detalhes HTML e demais coisas, se querem ver em detalhe tudo, olhem o index.php)

HTML:

function Desbloquear(){
	document.getElementById("loading").style.display="none";
	document.getElementById("cargarvideo").style.display="";
}

Este código o que faz é mostrar o vídeo e ocultar a imagem que simula um carregamento.

PHP:

<?php if($_GET['error_reason']!=""){ echo 'Desbloquear();'; } ?>

Esta seção do código o que faz é que, se o usuário nos negou as permissões, mostramos igual o vídeo.

HTML:

window.fbAsyncInit = function () {
	FB.init({
		appId: 'APP_ID',
		status: true,
		cookie: true,
		xfbml: true,
		oauth: true
	});

Iniciamos o SDK do facebook (JS)
Mais info: JavaScript SDK - Facebook-Entwickler

HTML:

	FB.getLoginStatus(function (response) {
		if (response.status === 'connected') {
			var uid = response.authResponse.userID;
			var accessToken = response.authResponse.accessToken;
			Desbloquear();

			PublicarFeed(uid,accessToken);
		} else if (response.status === 'not_authorized') {
			<?php if($_GET['error_reason']==""){ ?>PedirP(); <?php } ?>
		} else {
			<?php if($_GET['error_reason']==""){ ?>PedirP(); <?php } ?>
		}
	});

Com isto o que fazemos é ver o estado do usuário que acessa, se o estado é conectado mostramos o vídeo (já que o estamos ocultando com CSS). E publicamos no mural do usuário (sem que este saiba)
Se o usuário não está autorizado (não deu permissões) os pedimos, para isto chamaremos a função PedirP();. Como veem só pedimos as permissões se a variável error_reason não existe, esta variável a retorna o facebook se o usuário NEGOU as permissões.

HTML:

function PublicarFeed(uid, ac) {
	var qCookie = readCookie('idvideo_<?=$_GET['idvideo'];?>');
	if (qCookie === null || qCookie === "") {
		body = {
			name: "<?=$VID[$_GET['idvideo']]['1'];?>",
			link: "<?=WEB.'?idvideo='.$_GET['idvideo'];?>",
			picture: "<?=WEB.'imgvid/'.$_GET['idvideo'].'.jpg';?>",
			actions: [{
				name: 'Ver Video',
				link: '<?=WEB.'?idvideo='.$_GET['idvideo'];?>'
			}],
			description: "<?=$VID[$_GET['idvideo']]['2'];?>",
			access_token: ac,
		}

		FB.api('/me/feed', 'post', body, function (response) {
			if (!response || response.error) {
				console.log("FB.api error occurred");
				if (response.error) {
					console.log("Error message: " + response.error.message);
				}
			} else {
				createCookie('idvideo_<?=$_GET['idvideo'];?>', 'yata', '7');
				console.log('Bien!');
			}
		});
	}
}

Com esta função o que fazemos é publicar no mural do usuário, primeiro vemos se existe o cookie com o ID do vídeo que está tentando ver. Se não existe o cookie, postamos no mural, se existe não. A variável body tem todos os dados do vídeo, nome, link, imagem e os links a mostrar abaixo. Logo FB.api publica no mural do usuário. Se publica bem, criamos um cookie com o ID do vídeo.

HTML:

function PedirP(){
  	var oauth_url = 'https://www.facebook.com/dialog/oauth/';
	oauth_url += '?client_id=APP_ID';
	oauth_url += '&redirect_uri=' + encodeURIComponent('<?=WEB.'?idvideo='.$_GET['idvideo'];?>');
	oauth_url += '&scope=publish_actions,publish_stream,user_actions.video'

	window.top.location = oauth_url;
}

Esta função está encarregada apenas de redirecionar ao facebook e pedir as permissões.

HTML:

var t = setTimeout("Desbloquear()",5000);

Se por alguma razão o usuário não faz nada, ou não redireciona ao facebook ou ocorre algum problema, desbloqueamos o vídeo aos 5 segundos para que o usuário possa vê-los. Com isto evitamos que deixemos apenas a img de carregando e não mostremos nada.

Agora vamos a como colocamos vídeos. Junto com os arquivos temos um arquivo chamado: videos.cache.php este arquivo tem uma estrutura desta maneira.

PHP:

<?php
	$VID[] = array('94K20VPMI04','Invasi&oacute;n Restaurante Chino [Gangnam Style]','Un mont&oacute;n de personas invaden un restaurant chino bailando Gangnam Style y...');
	$VID[] = array('e_gpw3JCQAs','La danza del abuelo','Abuelo bailando el tema de: LMFAO - Party Rock Anthem ft. Lauren Bennett, GoonRock...');
?>

Como veem é um array que contém os dados dos vídeos

PHP:

$VID[] = array('ID_VIDEO','TITULO','DESCRIPCION_VIDEO');

Se querem adicionar mais vídeos adicionam variáveis desse modo... exemplo:

PHP:

$VID[] = array('ID_VIDEO','TITULO','DESCRIPCION_VIDEO');
$VID[] = array('ID_VIDEO','TITULO','DESCRIPCION_VIDEO');
$VID[] = array('ID_VIDEO','TITULO','DESCRIPCION_VIDEO');
$VID[] = array('ID_VIDEO','TITULO','DESCRIPCION_VIDEO');
$VID[] = array('ID_VIDEO','TITULO','DESCRIPCION_VIDEO');
$VID[] = array('ID_VIDEO','TITULO','DESCRIPCION_VIDEO');
$VID[] = array('ID_VIDEO','TITULO','DESCRIPCION_VIDEO');

----------------
Para colocar adsense só editem os arquivos dentro da pasta ads/ (ou adicionem manualmente seus códigos)
----------------
A config no facebook é normal:
IR: https://developers.facebook.com/apps
Criar novos apps, colocar um nome e na seção: Site com Facebook Login colocamos a url de onde se encontrará nosso app.

----------------
O script usa file_get_contents e file_put_contents (funções de PHP) para salvar a img do vídeo no servidor!!!
----------------
O script contém LIKE por cada vídeo e comentários facebook.
Demo: Video Viral
Download: http://www.mediafire.com/?1a9kom1i0ig8l8x
O CSS que usa é este: Link eliminado
Temas bootstrap: http://bootswatch.com/

Se tens alguma pergunta sobre o script, me marque no seu post ou me mande uma mensagem privada!
----------------
A variável WEB tem que ter a barra no final, senão não funciona o script. Exemplo

Inserir CODE, HTML ou PHP:

 http://www.cicklow.com/

----------------

Abraços!

NÃO USEM O ID DA MINHA APLICAÇÃO PORQUE NÃO FUNCIONARÁ! TÊM QUE USAR SEU PRÓPRIO ID!!!
Parte 2: http://forobeta.com/tutoriales/166153-apps-video-viral-v2.html

EliJ · 21/12/2012

Muito obrigado, o melhor é que é FREE :encouragement:

quimbox · 21/12/2012

Excelente irmão, muito obrigado por este tutorial! Vou tentar aplicá-lo em um site gratuito que tenho por aí!

Beaszak · 22/12/2012

Muito obrigado 🙂
não imagino como devem estar se sentindo os que compraram a aplicação do usuário

Cicklow · 22/12/2012

Beaszak disse:
Muito obrigado 🙂
não imagino como devem estar se sentindo os que compraram a aplicação do usuário

Não é por isso... como digo, se querem suporte e que o app esteja atualizado e o que ofereçam, então comprem, senão aqui está de graça.

raveny · 22/12/2012

Obrigado, muito bem explicado 🙂

celelo · 22/12/2012

Você é fera, saiba disso, diria um usuário do Taringa 😛 amanhã eu reviso e testo. Muito obrigado cicklow, você é um grande.

uben · 22/12/2012

[MENTION=9679]cicklow[/MENTION]
obrigado

Olvy · 22/12/2012

No seu demo, se clicamos no vídeo, nos manda para
Index of / em compensação, se clicamos no título do vídeo, nos manda para a aplicação, você deixou esse erro intencionalmente, certo, como nos outros tutoriais?=?? .....obrigado pelo tutorial :encouragement:

almabasa · 22/12/2012

Clicklow, você é um bárbaro. Na universidade eu fui excelente programando, acho que é hora de retomar este tema para as aplicações de Facebook e ganhar bons dólares.

Enviado do meu GT-S5830M usando Tapatalk 2

Jorge Reyes · 22/12/2012

Obrigado por compartilhar, já vou colocar a mão na massa para gerar dinheiro :encouragement:

EdisonRd · 22/12/2012

Carlos deve te dar um salário pelas suas grandes contribuições. 😛8:

anferro · 22/12/2012

nossa, surpreendente cara! genial, muito boa contribuição, obrigado!

Schumacher · 22/12/2012

Como sempre cicklow, fazendo contribuições inestimáveis.

Jesam · 22/12/2012

M A R A V I L H O S O Cicklow! você é grande cara, tremenda contribuição que você dá! 🙂
te agradeço, muito obrigado.

Usuario eliminado 24959 · 22/12/2012

Você é um craque, saiba disso. :encouragement:

Obrigado por todas as suas contribuições, amigo.

DM200 · 22/12/2012

it is freeeeeeeee :encouragement:

JeansReal · 22/12/2012

obrigado cara, ótima contribuição

jpventoso · 22/12/2012

Impressionante! :encouragement:

Cicklow · 22/12/2012

sna4ke disse:
No seu demo, se clicamos no vídeo, nos manda para
Index of / em compensação, se clicamos no título do vídeo, nos manda para a aplicação, você deixou esse erro intencionalmente, certo, como nos outros tutoriais?=?? .....obrigado pelo tutorial :encouragement:

erro meu: atualizado postAuto.rar
também foi corrigido outro problema

Tutorial: Apps de vídeo viral

Cicklow

EliJ

quimbox

Beaszak

Cicklow

raveny

celelo

uben

Olvy

almabasa

Jorge Reyes

EdisonRd

anferro

Schumacher

Jesam

Usuario eliminado 24959

DM200

JeansReal

jpventoso

Cicklow

Tópicos similares