Tutorial: Gana $$$ armando tus propias publicidades (Movil)

  • Autor Autor Cicklow
  • Fecha de inicio Fecha de inicio
Cicklow

Cicklow

Admin
Épsilon
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Suscripción a IA
Antes de que pregunten, cuanto se gana con esto y demás... les dejo esta captura en solo 9 días:
sin-t-tulo-5118bd4.png

Lo que he echo es crear mis propias publicidades y usar la api de AppNEXT, la cual nos provee un JSON con publicidades acordes al pais del usuario (Publicidad CPI)... de esta forma arme: interstitial, banners, etc...

Este tutorial sera como crear: interstitial (es el que mejor rinde)

Registro
Vamos a https://www.appnext.com/, y le damos a "Join Now", completamos los datos que nos piden y listo.

Agregar Nuestra Apps (Sitio Web)
Menu Apps->Add New App->Website->Completamos los datos necesarios y con esto obtendremos dos id (uno para Android y el otro para iOS):
Para obtener los id vamos a: https://selfservice.appnext.com/Apps/Manage.aspx y veremos
id-511aac2.png

(Click en el engranaje y seleccionar android y luego ios)
1-5118be2.png

2-5118be6.png


(NO es necesario tener una apps Android o iOS...AppNext le llama apps a sitios webs, que es lo que usaremos nosotros...)

Estos ID los guardaremos para mas luego...

Interstitial
Lo que he echo es armar algo parecido a:
Android
screenshot_2016-1...01-55-20-5118bf8.png


iOS
ios-style-dialog-...m-box-1--5118bec.jpg


Y el resultado es:
screenshot_2016-1...01-58-29-5118bf6.png


Código Interstitial
Ahora nos pondremos a programar en JavaScript... (Aca les dejo el CSS + el HTML que he usado para ir armando el inter, ya que al colocarlo dentro del JS se deja de entender como esta armado: Ejemplo ForoBeta - Pastebin.com, es solo para que vean que parte modificar si quieren hacer algun cambio en el diseño...)
Insertar CODE, HTML o PHP:
/*v3 - 10/12/2016 */
var CualD = VerCualDisp(); //Vemos desde que dispositivo se accedio (solo se permite android/ios)
var viewport = document.querySelector('meta[name="viewport"]'); //seleccionamos el meta viewport
var meta = document.createElement('meta'); //creamos un elemento meta
var html = document.getElementsByTagName('html')[0];
var cantidadI = parseInt(DameCookie("nopINTER")); //verificamos la cookie llamada nopINTER, la cual nos dira cuantas veces se ha mostrado el interstitial
var MaxI = 2; //cantidad maxima a mostrar del interstitial
//VerCualDisp regresa 1=OS, 2=Android, 3=otro
//Si no es 3 y la cantidad mostrada es aun menor al maximo, llamamos la funcion de leer el json de appnext
if(CualD!=3 && cantidadI<MaxI){
    loadJSON();
}
//esta funcion es la encargada de mostrar el inter y se colocar la cookie...
//Ver http://pastebin.com/i2HaMUn7
function CargarInter(a,b,c){
        //Cookies + 1
    MeterCookie(cantidadI+1);
        //CSS del inter (ver http://pastebin.com/i2HaMUn7)
    var css = "<link rel=\"stylesheet\" type=\"text/css\" href=\"https://fonts.googleapis.com/css?family=Open+Sans\" /><style>.barrita{background-color:#eeeeee;height:25px;text-align:right;width:100%;position:absolute;top:0px;left:0px;z-index:2147483647;}.barrita a{font-family:'Open Sans';font-size:13px;padding:5px;text-decoration:none;color:#000}.fondo{z-index:147483600;position:fixed;background-color:#000;top:0px;left:0px;width:100%;height:100%;opacity:0.5;filter:alpha(opacity=50)}.alerta{width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;z-index: 2147483647;font-family:'Open Sans',Verdana;}.clase0{z-index:2147483647;border-radius:3px;background:#eeeeee;width:90%;margin:auto;position:absolute;left:0;right:0;top:30%;border:1px solid #fff}.clase0 img{width:30px;height:30px;border-radius:5px;margin:4px 0px 0px 5%;float:left}.clase0 header{font-weight:bold;color:#3c3c3c;padding:10px 0px 0px 5%}.clase0 article{font-weight:500;margin:4px 5% 0px 5%;font-size:14px;color:#3c3c3c}.clase0 footer{float:left;width:100%;text-align:right;margin-bottom:10px;margin-left:-10px}.clase0 footer .boton{font-size:14px;color:#009688;font-weight:bold;margin:2%}.clase0 .nombreAPP{font-size:14px;float:left;font-weight:bold;color:#3c3c3c;margin:10px 0px 0px 1%;padding:0px}@media only screen and (min-width: 768px){.clase0 footer{margin-bottom:10px;margin-left:0px}}.clase1{z-index:2147483647;border-radius:8px;background:#e6e6e6;width:90%;margin:auto;position:absolute;left:0;right:0;top:30%;border:1px solid #fff}.clase1 img{width:30px;height:30px;border-radius:5px;margin:4px 0px 8px 5%;vertical-align:middle}.clase1 header{font-weight:bold;color:#4f4f4f;width:100%;text-align:center;padding-top:10px}.clase1 article{width:100%;text-align:center;font-size:14px;color:#3c3c3c}.clase1 footer{margin-bottom:10px;width:100%;text-align:center;border-top:solid 1px #dcdcdc}.clase1 footer .boton{font-size:14px;color:#6dacf3;font-weight:bold;padding:15px}.clase1 .nombreAPP{font-size:14px;font-weight:bold;color:#3c3c3c}@media only screen and (min-width: 768px){.clase1 footer{margin-bottom:10px;margin-left:0px}}</style>";
       //HTML del inter (ver http://pastebin.com/i2HaMUn7)
    var info = "<div class=\"barrita\"><a href=\"javascript:void(0);\" onclick=\"CerrarX();\">x</a></div><div class=\"fondo\"></div><div class=\"alerta\">    <div class=\"clase0\">        <header>Alerta</header>        <article>Para ver el contenido es necesario instalar esta aplicacion</article>        <img src=\""+c+"\">        <span class=\"nombreAPP\">"+b+"</span>        <footer><span class=\"boton\">OK</span></footer>    </div></div>";
    document.body.innerHTML += css + info;
    //si el dispositivo es ios, tenemos que cambiarle la clase, ya que clase0 es android y clase1 es ios
    if(CualD=="1"){
        document.getElementsByClassName("clase0")[0].className = "clase1";
    }
    //aca asignamos el evento click al inter, el cual al darle click nos abrira el market con la apps a instalar
    document.getElementsByClassName("alerta")[0].addEventListener('click', function () {
        SacarScroll(false);
        MeterCookie(1000);
                   top.location.href = a;
    }, false);
}
//funcion encargada de cerrar el inter
function CerrarX(){
    SacarScroll(false);
    document.getElementsByClassName("fondo")[0].style.display = "none";
    document.getElementsByClassName("alerta")[0].style.display = "none";
    document.getElementsByClassName("barrita")[0].style.display = "none";
};
//sacamos el scroll asi el user no se mueve
function SacarScroll(n) {
 if (n) {
    html.style['overflow'] = 'hidden';
    html.style['width'] = '100%';
    html.style['height'] = '100%';
    html.style['max-height'] = '100%';
    html.style['position'] = 'fixed';
    html.style['top'] = '0';
    html.style['left'] = '0';
 } else {
    html.style['overflow'] = 'initial';
    html.style['height'] = 'auto';
    html.style['width'] = 'auto';
    html.style['position'] = 'static';
    html.style['max-height'] = 'initial';
 };
};
//encargada de leer las cookies
function DameCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i = 0; i <ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') {
            c = c.substring(1);
        };
        if (c.indexOf(name) == 0) {
            return c.substring(name.length,c.length);
        };
    };
    return "";
};
//funcion encargada de colocar el viewport ya que hay sitios webs que no lo tienen, y es necesario para los dispositivos mobiles
function setVP() {
    meta.name = 'viewport';
    meta.content = 'width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no';
    if (viewport) {
        viewport.parentNode.removeChild(viewport);
    }
    document.head.appendChild(meta);
};
//Vemos desde que dispositivo se accedio
function VerCualDisp(){
    var t=navigator.userAgent||navigator.vendor||window.opera;
    var cual = t.match(/Opera Mini/i)||t.match(/Windows/i)?"unknown":t.match(/iPad/i)||t.match(/iPhone/i)||t.match(/iPod/i)||t.match(/iOS/i)?"iOS":t.match(/Android/i)?"Android":"unknown";
    if(cual=="iOS") return 1;
    if(cual=="Android") return 2;
    return 3;
};
//Aca colocamos los id que appnext nos dio con nuestra apps
function VerCualID(){
    var iOS_ID = "ID_IOS";
    var Android_ID = "ID_ANDROID";
    if(CualD=="1") return iOS_ID;
    if(CualD=="2") return Android_ID;
    return;
}
//funcion encargada de colocar las cookies
function MeterCookie(cantidad){
        var cad = new Date();
        cad['setTime'](cad['getTime']() + (24 * 60 * 60 * 1000));
           var expira = '; expires=' + cad['toGMTString']();
        document['cookie'] = 'nopINTER=' + cantidad + expira + ';path=/';
}
//leemos el JSON que nos da appnext
function loadJSON() {
    var data_file = "https://global.appnext.com/offerWallApi.
aspx?pimp=1&tid=API&id="+VerCualID()+"&cnt=10&did=aaaaaaaa-bbbbcccc-
1111-222222220000";
    var http_request = new XMLHttpRequest();
    try {
        http_request = new XMLHttpRequest();
    } catch (e) {
        try {
            http_request = new ActiveXObject("Msxml2.XMLHTTP");
        } catch (e) {
            try {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
            } catch (e) {
                return false;
            };
        };
    };
    http_request.onreadystatechange = function() {
        if (http_request.readyState == 4) {
    //si no se obtuvo nada no mostramos nada
        if(http_request.responseText=="") return;
            var jsonObj = JSON.parse(http_request.responseText);
            if (jsonObj.apps.length > 0) {
    //sacamos un objeto al azar
                var entry = jsonObj.apps[Math.floor(Math.random() * jsonObj.apps.length)];
    //Esto es necesario para generar una impresion del inter y que aparezca en las estadistitcas
                new Image().src = entry.pixelImp;
    //Asignamos el viewport
        setVP();
    //Cargamos el inter
                CargarInter(entry.urlApp,entry.title,entry.urlImg);
            };
        };
    };
    http_request.open("GET", data_file, true);
    http_request.send();
};
Implementación
Para implementarlo en nuestro sitio solo tendremos que colocar el codigo anterior en un archivo con extencion JS (ejemplo inter.js) y colocarlo de esta forma:
Insertar CODE, HTML o PHP:
<script src="http://www.misitio.com/inter.js"></script>
Sobre AppNext
AppNext la encontre buscando otra forma de generar dinero que no sea YuhuADS (el cual o daba algun drama/problema o los ingresos por alguna instalacion eran miseros [0,01E 😕], y como ellos tercerizan (Usan otra empresa que les da los ads, con ellos si una apps paga 2$ por CPI nos dan un %, con AppNext gano esos 2$ sin descuentos) se gana mas trabajando directo... no digo que sea mala ni nada, solo que obtuve mucho mejor resultado con mis propias publicidades + AppNext y no con Yuhu...).
- NO permiten XXX... por lo que solo usenlo en sitios de ocio, nada XXX!
- Pagan todos los meses, si es registro nuevo pagan al llegar a 100USD (luego del 1° pago el mínimo es los 20USD), por paypal...
aaa-5118c14.png

(Pago de noviembre, es cuando comence a generar $$$, mi cuenta la tengo hace un año pero jamas la habia usado)
- No es necesario programar nuestra propia publicidad, ellos proveen interstitial y banner de recomendación:
Widget:
3-5118c20.png

Interstitial:
4-5118c24.png

Pero logre mejores resultados con el interstitial que he armado que con los de ellos... pero no quita que no rindan...
- Ellos tienen un PostBack sobre las instalaciones, por lo que con un poco de ingenio pueden armar su propia empresa de publicidad o un panel mejorado, ejemplo:
aaaaasdsss-5118c30.png

(Mi propio panel con juegos de azar y mujerzuelas)
Como se ve inicialmente, mi trafico principal es de mexico... por lo que funciona bastante bien, el max CPI que he logrado fueron 6$ con una instalacion de una apps para iOS sobre poker...
Notas finales
- NO se permite la comercialización total o parcial de este tutorial
- Descarga del JS: [JavaScript]ForoBeta Interstitial - Pastebin.com
- Mini Resumen
1- Generan la apps en appnext, con eso obtienen los ID
2- Van al link de paste bin, descargan ese archivo y lo guardan como "inter.js" => [JavaScript]ForoBeta Interstitial - Pastebin.com
3- Editan el inter.js colocando los id que te dio appnext
4- Lo suben a algun servidor (su host o algun otro host externo (ya que si usan blogger necesitaran subirlo a otro lado)
5- Colocan el codigo: <script src="http://www.server-donde-subi-el-js.com/inter.js"></script> en su blog/sitio/foro/etc...
6- listo
- Para los que tienen un host con PHP les recomiendo esto:
Guardar el pastebin como inter.php y arriba del todo colocarle:
Insertar CODE, HTML o PHP:
header('Content-Type: application/javascript');
if(strstr(strtolower($_SERVER['HTTP_USER_AGENT']), "google")){
    die();
}
if($_COOKIE['nopINTER']=="1000") die("/* Die by COOKIE */");
Esto lo que hace es que si entra google a nuestro sitio no cargamos el interstitial... Y si la cookie es = 1000 tampoco (esto significa que el user le dio click al inter)
- Explicación Básica: Al colocar el JS en su sitio, los usuarios que accedan desde celulares/tablets les aparecerá una publicidad que cubre toda la pantalla (esto se llama interstitial), el cual le dice que tiene que instalar una aplicación para ver el contenido (pero se le da la opción de cerrar la publicidad), esto de la instalación es el gancho para que el user instale la apps y nosotros ganemos $$$ por esa instalación...
Saludos!

Según lei de otro user al parecer estan enviando alertas respecto al texto usado en el interestitial
Para ver el contenido es necesario instalar esta aplicacion
Por lo que queda bajo su responsabilidad cambiarlo o dejarlo... Pueden usar:
  • Te recomendamos:
  • Ya tienes instalado ?
  • Aplicacion recomendada:
  • En nuestro sitio web usamos:
  • etc...
 
Última edición:
Joder, te luciste con el tutoria, sin duda una gran ayuda, y creo nos abre las puertas a los que no sabemos mucho de monetizacion movil.
 
Dios, eres grande. Muchas gracias jajaja 😛8:
 
Por cierto, donde se colocan los codigos que mencionas que usaremos luego?
El JS que pusiste en el pastebin, ese donde se pega?
Solo copiamos el codigo que pusiste en PHP y listo? (En un JS)
O hay que poner algo mas, no entendi muy bien esa parte.
 
Que buen tutorial!
Sin duda me lo guardo.
Gracias por compartir. 🙂
 
Por cierto, donde se colocan los codigos que mencionas que usaremos luego?
El JS que pusiste en el pastebin, ese donde se pega?
Solo copiamos el codigo que pusiste en PHP y listo? (En un JS)
O hay que poner algo mas, no entendi muy bien esa parte.

1- generas la apps en appnext, con eso obtienes los ID
2- vas al link de paste bin, descargas ese archivo y lo guardas como "inter.js"
3- editas el inter.js colocando los id que te dio appnext
4- lo subes a algun servidor (tu host o algun otro host externo (ya que si usas blogger necesitaras subirlo a otro lado)
5- colocas el codigo: <script src="http://www.server-donde-subi-el-js.com/inter.js"></script> en tu blog/sitio/foro/etc...
6- listo
 
Excelente post
 
Gracias por el tutorial. Si no me equivoco apptext no tiene sistema de referidos, ya que me hubiera gustado ser uno tuyo.

Soy un novato, disculpa mi ignorancia, para qué usamos nuestro sitio? Cómo se obtiene la ganancia?
 
Gracias por el tutorial. Si no me equivoco apptext no tiene sistema de referidos, ya que me hubiera gustado ser uno tuyo.

Soy un novato, disculpa mi ignorancia, para qué usamos nuestro sitio? Cómo se obtiene la ganancia?

1- No tiene referidos y aunque tuviera no me interesa, solo arme el tutorial! :encouragement:
2- Al colocar el JS en tu sitio, los usuarios que accedan desde celulares/tablets les aparecera una publicidad que cubre toda la pantalla (esto se llama interstitial), el cual le dice que tiene que instalar una aplicación para ver el contenido (pero se le da la opción de cerrar la publicidad), esto de la instalación es el gancho para que el user instale la apps y nosotros ganemos $$$ por esa instalación...
 
oye, disculpen, esto solo funciona si soy el creador de una app y quiero agregarle publicidad ?
 
oye, disculpen, esto solo funciona si soy el creador de una app y quiero agregarle publicidad ?

En appnext una apps se le llama a un sitio web o una apps de android o ios... no es necesario tener una apps (android/ios), solo sitios webs... el cual es por esto el tutorial
 
yo tengo un sitio web es Peliculas En HD Latino este sitio servira ?
con el tema de warez no sabria, ellos solo indican que depende de la ley del pais... pero nada mas... el sitio sirve = SI, el wares lo permite = Ya queda en el dueño del sitio colocarlo o no, mientras no sea XXX
 
si, no afecta en nada un dominio gratis... pero ten en cuenta que sin trafico movil, no obtendras ingresos...
Ok muchas Gracias, recien cree un tema en la seccion Youtube, si tienes conocimiento podrias ayudarme con ello ? Muchas Gracias
 
Enlace eliminado No entendi esta parte

estoy en Add New App y me sale estas 3 opciones elijo el de Website ?



Agregar Nuestra Apps (Sitio Web)
Menu Apps->Add New App->Completamos los datos necesarios y con esto obtendremos dos id (uno para Android y el otro para iOS):


QjJsNN8.jpg
 
Lo miro mañana gracias:encouragement:
 
[MENTION=9679]cicklow[/MENTION] y con el contenido XXX hay alguna alternativa? se sabe bien que nos dan limosna por miles de visitas mientras que las empresas q tercerizan se llevan casi el 70% del dinero....Pensaste alguna alternativa para este contenido?
 
Atrás
Arriba