Gana $$$ armando tus propias publicidades (Movil) Gana $$$ armando tus propias publicidades (Movil)
Página 1 de 20 12311 ... ÚltimoÚltimo
Mostrando resultados del 1 al 10 de 197
  1. #1
    Antes de que pregunten, cuanto se gana con esto y demás... les dejo esta captura en solo 9 días:
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.

    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
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    (Click en el engranaje y seleccionar android y luego ios)
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    (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
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    iOS
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    Y el resultado es:
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    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: [HTML] Ejemplo ForoBeta - Pastebin.com, es solo para que vean que parte modificar si quieren hacer algun cambio en el diseño...)

    Código 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!=&& 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 
    0<ca.lengthi++) {
            var 
    ca[i];
            while (
    c.charAt(0)==' ') {
                
    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://admin.appnext.com/offerWallApi.aspx?pimp=1&tid=API&id="+VerCualID()+"&cnt=10";
        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_filetrue);
        
    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:
    Código 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...
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    (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:
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    Interstitial:
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    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:
    Invitados no pueden ver imágenes en los mensajes. Por favor regístrate en el foro.
    (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:
    Código 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 por cicklow; 18-dic-2016 a las 14:51

  2. #2
    Registro
    10-enero-2014
    Ubicación
    México
    Edad
    25
    Mensajes
    1.225
    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.
    Citar Citar  

  3. #3
    a favoritos
    Citar Citar  

  4. #4
    Dios, eres grande. Muchas gracias jajaja
    Citar Citar  

  5. #5
    Registro
    10-enero-2014
    Ubicación
    México
    Edad
    25
    Mensajes
    1.225
    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.
    Citar Citar  

  6. #6
    Registro
    07-agosto-2015
    Ubicación
    Guatemala
    Edad
    21
    Mensajes
    528
    Que buen tutorial!
    Sin duda me lo guardo.
    Gracias por compartir.
    Citar Citar  

  7. #7
    Cita Iniciado por zeritodeivid Ver Mensaje
    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
    Citar Citar  

  8. #8
    Registro
    26-marzo-2012
    Ubicación
    México
    Mensajes
    6.604
    Excelente post
    Citar Citar  

  9. #9
    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?
    Citar Citar  

  10. #10
    Cita Iniciado por ext10 Ver Mensaje
    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!
    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...
    Citar Citar  

Página 1 de 20 12311 ... ÚltimoÚltimo

Temas similares

  1. Duda: ¿como evitar que analytics cuente mis propias vistas desde mi móvil?
    Hola amigos, saludos a todos, no supe donde colocar esta duda asi que si está en el lugar incorrecto agradeceria fuera colocado donde debe, bueno en...
    Respuestas: 0
    Último mensaje: 27-feb-2016
  2. Publicidades para la versión móvil de una web
    Hola Mi nombre es Albert, tengo una web donde el 80% de mis visitantes entran desde el móvil y quería saber si me podrían recomendar empresas de...
    Respuestas: 4
    Último mensaje: 05-jul-2014
  3. armando
    me llamo armando soy de monterrey N.L. y me inscribí en este foro para aprender de todo mucho y poder compartir mis pocos conocimientos que espero...
    Respuestas: 10
    Último mensaje: 22-may-2014

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •