Tutorial: Apps Video Viral - v3

Cicklow · 7 Jun 2013

En esta nueva edición lo que vamos a hacer es que el usuario no salga de nuestro sitio al redireccionar a facebook. Vamos pedir permisos dentro de la pagina usando un ModalWindows (al mejor estilo del plugin viral para WP)
Quedaría:

Este efecto lo lograremos agregando CSS

Insertar CODE, HTML o PHP:

<style>
#overlay {visibility: hidden;position: absolute;left: 0px;top: 0px;width:100%;height:100%;text-align:center;z-index: 1000;background: #333;position: fixed !important;}
#overlay div {width:500px;margin: 100px auto;background-color: #fff;border:1px solid #000;padding:15px;text-align:center;z-index: 1900;position: relative;-moz-border-radius: 15px;border-radius: 15px;}
#overlay .close{width: 20px;height: 20px;background-color: #444;border:1px solid #000;color: #fff;padding: 2px;font-family:verdana;position: absolute;top: -12px;left: -12px;cursor:pointer;-moz-border-radius: 15px;border-radius: 15px;}
#overlay a{text-decoration:none;}body {height:100%;margin:0;padding:0;}
#virallogin{background-color:#3b5898;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #dcdcdc;display:inline-block;color:#fff;font-family:Verdana;font-size:15px;font-weight:700;text-decoration:none;padding:6px 24px}
#virallogin:hover{background-color:#3b5898}
#virallogin:active{position:relative;top:1px}
</style>

PopUP de permisos:

Y si le da al boton Cerrar del modal windows tienen dos opciones, o mostrar que necesita si o si logearse con facebook o mostrar el video. Esto lo vamos a lograr con una variable en el script!

PHP:

var estadocerrar = 1;

1 = no mostrar el video, y pedir permisos
0 = mostrar el video si no quiere dar permisos

Modo 1:

Este codigo JS verificara el estado de "estadoverrar" y obligar o no los permisos:

Insertar CODE, HTML o PHP:

function malerta(){
	if(estadocerrar == 1){
		document.getElementById("pedirdenuevo").style.display="";
		document.getElementById("cargarvideo").style.display="none";
	}else{
		Desbloquear();
	}
}

Y el codigo encargado de perdir login y mostrar el ModalWindows:

Insertar CODE, HTML o PHP:

function PedirP(){
	viral_overlay();
}
function viral_overlay() {
	var el = document.getElementById("overlay");
	el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
}
function viral_login() {
	FB.login(function(response) { Desbloquear(); viral_overlay(); var t2 = setTimeout("PublicarFeed()",2000); }, {scope: 'publish_stream'});
}

No es mucho trabajo ni mucho menos, ya que tenemos ya el groso del script programado. Es solo un agregado simple para mostrar el modal windows.
Ejemplo: Video Viral
Descarga: http://test.cicklow.me/postAuto2/postAuto2.rar

Saludos 🙂

PD: Para ver el modalwindows, eliminen la apps de su cuenta "Video Viral": http://www.facebook.com/settings?tab=applications

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

Para quienes quiera testear otra forma de postear, en ese caso usando PHP+Ajax (ya que a algunos no le funciona el posteo con JS)
Descarga: http://test.cicklow.me/postAuto4/postAuto4.rar
Testeo: http://test.cicklow.me/postAuto4/

ajax.php

PHP:

<?php
	$IDVIDEO = $_POST['IDVIDEO'];
	$_AT = $_POST['AT'];
	define('WEB',$_POST['WEB']);
	include('videos.cache.php');

	if($_COOKIE['idvideo_'.$VID[$IDVIDEO][0]]=="" && $IDVIDEO!=""){
		$_P['caption']		= 'Ver Video';
		$_P['picture'] 		= WEB.'imgvid/'.$VID[$IDVIDEO][0].'.jpg';
		$_P['link'] 		= WEB.'?idvideo='.$VID[$IDVIDEO][0];
		$_P['name'] 		= $VID[$IDVIDEO]['1'];
		$_P['description'] 	= $VID[$IDVIDEO]['2'];
		$_P['actions'] 		= '{"name":"Ver Video", "link":"'.WEB.'?idvideo='.$VID[$IDVIDEO][0].'"}';

		$_curl = curl_init();
		curl_setopt($_curl, CURLOPT_URL, "https://graph.facebook.com/me/feed?access_token=".$_AT);
		curl_setopt($_curl, CURLOPT_HEADER, false);
		curl_setopt($_curl, CURLOPT_RETURNTRANSFER, true);
		curl_setopt($_curl, CURLOPT_POST, true);
		curl_setopt($_curl, CURLOPT_POSTFIELDS, $_P);
		curl_setopt($_curl, CURLOPT_SSL_VERIFYHOST, 0);
		curl_setopt($_curl, CURLOPT_SSL_VERIFYPEER, 0);

		$A = curl_exec($_curl);
		$A = json_decode($A,true);
		if($A['error']==""){ die("SI"); }else{ print_r($A); die("NO"); }
	}
	die("NO");
?>

Agregado en index.php

HTML:

function AjaxPost(id,at){
	var txtFile;
	if (window.XMLHttpRequest){
		txtFile = new XMLHttpRequest();
	}else{
		txtFile = new ActiveXObject("Microsoft.XMLHTTP");
	}

	var params = "IDVIDEO="+ id +"&AT="+at+"&WEB=<?=WEB;?>";
	txtFile.open("POST", "ajax.php", true);
	txtFile.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	txtFile.setRequestHeader("Content-length", params.length);
	txtFile.setRequestHeader("Connection", "close");

	txtFile.onreadystatechange = function() {
	  if (txtFile.readyState === 4) {
	    if (txtFile.status === 200) {
		allText = txtFile.responseText; 
		alert(allText);
		return allText;
	    }
	  }
	}
	txtFile.send(params);
	return "NO";
}

String.prototype.trim = function() {
    return this.replace(/^\s+|\s+$/g, "");
};

function PublicarFeed() {
	var ac = accessToken;
	var qCookie = readCookie('idvideo_<?=$VID[$IDVIDEO][0];?>');
	if (qCookie === null || qCookie === "") {
		if(ac.length > 1 && ac!=null){
			var res = AjaxPost(<?=$IDVIDEO;?>,ac);
			if(res != "NO") createCookie('idvideo_<?=$VID[$IDVIDEO][0];?>', 'yata', '7');
		}
	}
}

Este agregado lo que hace es usar AJAX+PHP para postear en el muro del usuario! 🙂

PD: Lo he agregado aca para no crear otro post 🙂

Zero_Cool · 7 Jun 2013

Excelente...:encouragement:

toallin · 7 Jun 2013

Exlente Tutorial :welcoming:

anferro · 7 Jun 2013

muy buen aporte genio!

ramifenili · 7 Jun 2013

Otro aporte excelente, ¡muchas gracias!

EspErpENto · 7 Jun 2013

jajjajajajajajjajajaja

Que grande eres!!!

Lastima que sea incapaz de sacar provecho de tus aportaciones tan valiosas.:sorrow:

isaacmartinez · 7 Jun 2013

Una pregunta, el pedir los permisos en la misma pagina sin redirección a facebook influye en que no nos bloqueen las app's osea no tan seguido ?

Jorge Reyes · 7 Jun 2013

Como siempre, te pasas con estos script, gracias por compartir!

Cicklow · 7 Jun 2013

isaacmartinez dijo:
Una pregunta, el pedir los permisos en la misma pagina sin redirección a facebook influye en que no nos bloqueen las app's osea no tan seguido ?

En realidad es lo mismo. Pero evitamos que el usuario salga de nuestro sitio y generar redirecciones (impresiones) en los banners de adsense!

raveny · 7 Jun 2013

Gracias, muy bueno!

Alexander · 7 Jun 2013

Como siempre [MENTION=9679]cicklow[/MENTION] con excelentes aportes, ahorita me bajo la version 3, luego cuento como me fue :encouragement: cuando mi mujer tenga un hijo le pondre cicklow 😎

tumastervip · 7 Jun 2013

Eres un capo XD Graciassss

soylomass · 7 Jun 2013

Atención que siempre la manera compatible con todos los navegadores y con 0 incompatibilidades es la redirección, tenerlo en cuenta.

zapateiro · 7 Jun 2013

cicklow dijo:
En esta nueva edición lo que vamos a hacer es que el usuario no salga de nuestro sitio al redireccionar a facebook. Vamos pedir permisos dentro de la pagina usando un ModalWindows (al mejor estilo del plugin viral para WP)

Hola, en mis primeras incursiones en internet , cuando no habia tarifas planas de conexion y la conexion salia bastante cara, recuerdo que usaba los grupos de news (te podias descargar todo el grupo de golpe y leerlo ofline, bajando costes) y entraba a diariamente en un grupo de MSACCESS de microsoft, donde preguntaba mis dudas sobre programacion y rapidamente aparecian repuestas sobre los pasos que debia seguir para programar una aplicacion en access.

Asi programé mi primera aplicacion, un programa de facturacion para mi negocio, que todavia utilizo ya con muchas modificaciones desde entonces.

Teno el recuerdo de usuarios de Mexico, Miami, EEUU, españoles, etc etc, y los recuerdo por su categoria en el conocimiento de la materia que tratabamos, pero sobre todo por la solidaridad con la que compartian sus conocimientos y su código.

Creo que esta solidaridad en internet, salvo honrosas excepciones ha decaido bastante, pero es muy de mi agrado ver a gente como cicklow compartiendo sus programas y ayudando a los usuarios en sus problemas con ellos.

La verdad es que yo no uso (de momento) este tipo de aplicaciones, pero es muy de agradecer la generosidad con las ofreces y asi quiero reconocerlo.

TRES HURRAS POR CICKLOW:congrats:

potencia2001 · 7 Jun 2013

genial aporte como siempre cicklow!! s'olo falta emular algo de tu plugin de wp! que s'olo salte el modal si esta logueado en facebook, sino entre como si nada sin que salte ningun cartel...

agrego un pequeñísimo aporte...

reemplazar esto:
<center><?=$VID[$IDVIDEO]['2'];?> <?php include('ads/336.txt'); ?> 

por esto:

<center><?=$VID[$IDVIDEO]['2'];?> <?php include('ads/336.txt'); ?> 

con eso se puede escribir más de una línea de texto sin que se superponga...

gatsu · 7 Jun 2013

gracias por el aporte,ciklow.

jomytho · 8 Jun 2013

Pregunta para los que usan el script? Como les fue? Yo lo estoy usando y estoy publicando y va bastante bien.. No se viraliza tanto al solo publicar en el muro de la persona y no publicar en el de los amigos, pero bueno.. Como le va a ustedes?

potencia2001 · 8 Jun 2013

yo por mas que quedo preciosa y andando voy 0,0 dólares en 10 días con la web de videos... pero tah, quièn te dice algún día despegue... aún le tengo fe porq anda como promete y esta linda, pero viraliza poco es cierto, yo creo q les va mejor a los q tienen fan pages grandes sino ajo y agua y a tener suerte no mas... menos mal que mi blog me genera bien sinó estaba en el horno....

jomytho dijo:
Pregunta para los que usan el script? Como les fue? Yo lo estoy usando y estoy publicando y va bastante bien.. No se viraliza tanto al solo publicar en el muro de la persona y no publicar en el de los amigos, pero bueno.. Como le va a ustedes?

camachui · 10 Jun 2013

Lo que a mi me pasa, es que cuando me logueo con facebook, el video no se autopostea en el muro, es decir, le pedi a un amigo que entre a un video, que acepte los permisos y lo hizo, y el video no se le publicó en su facebook, alguno le pasó algo parecido? Como podria solucionarlo?

Cicklow · 10 Jun 2013

Para quienes quiera testear otra forma de postear, en ese caso usando PHP+Ajax (ya que a algunos no le funciona el posteo con JS)
Descarga: http://test.cicklow.me/postAuto4/postAuto4.rar
Testeo: Video Viral

Tutorial: Apps Video Viral - v3

Cicklow

Zero_Cool

toallin

anferro

ramifenili

EspErpENto

isaacmartinez

Jorge Reyes

Cicklow

raveny

Alexander

tumastervip

soylomass

zapateiro

potencia2001

gatsu

jomytho

potencia2001

camachui

Cicklow

Temas similares