Tutorial: Apps Video Viral

Cicklow Seguir
Seguidores
14

Admin
Dseda
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
30 May 2011
Mensajes
1.013
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.
sin-t-tulo-3a986f1.png

----------------
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: Enlace eliminado
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
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
21 Mar 2012
Mensajes
6.736
Muchas gracias, lo mejor es que es FREE :encouragement:
 

quimbox

1
Iota
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
Suscripción a IA
Desde
22 Mar 2012
Mensajes
2.343
Excelente hermano muchas gracias por este tutorial! voy a tratar de aplicarlo en una web gratuita que tengo por allí!
 

Beaszak

Iota
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
23 Feb 2012
Mensajes
2.077
Muchas gracias :)
no me imagino como se sentirán los que compraron la aplicación a el usuario
 

Cicklow

Admin
Dseda
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
30 May 2011
Mensajes
1.013
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.541
Sos groso sabelo diria un taringuero :p mañana lo reviso y pruebo. Muchas gracias cicklow, sos un grande.
 

uben

Delta
Verificación en dos pasos desactivada
Desde
9 Dic 2011
Mensajes
562
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
[MENTION=9679]cicklow[/MENTION]
gracias
 
Última edición:

Olvy

Eta
Verificación en dos pasos desactivada
Verificado por Whatsapp
Verificado por Binance
Desde
6 Sep 2012
Mensajes
1.340
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
Verificado por Whatsapp
Desde
18 Nov 2012
Mensajes
831
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

1
Kappa
Social Media
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Suscripción a IA
Desde
29 Mar 2012
Mensajes
2.645
Gracias por compartir, ya me pongo manos a la obra a generar dinero :encouragement:
 
Última edición:

EdisonRd

1
Mi
Redactor
Verificación en dos pasos activada
Verificado por Whatsapp
Suscripción a IA
Desde
4 Abr 2012
Mensajes
3.047
Carlos debe ponerte un sueldo por tu grandes aporte. :p8:
 

anferro

1
Ómicron
SEO
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
29 Oct 2011
Mensajes
4.552
vaya, sorprendente men! genial muy buen aporte gracias!
 

Jesam

Mi
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
30 Dic 2011
Mensajes
3.065
De M A R A V I L L A Cicklow! eres grande tío, tremendo aportazo que das! :)
te agradesco, muchas gracias.​
 

jpventoso

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
21 Nov 2011
Mensajes
378
Impresionante! :encouragement:
 

Cicklow

Admin
Dseda
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Desde
30 May 2011
Mensajes
1.013
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
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba