Agrega adsense automatico a tus entradas solo con javascript Agrega adsense automatico a tus entradas solo con javascript


Página 1 de 5 123 ... ÚltimoÚltimo
Mostrando resultados del 1 al 10 de 45
  1. #1
    Registro
    31-octubre-2015
    Ubicación
    Acapulco/mexico
    Mensajes
    248
    Agrega adsense automatico a tus entradas solo con javascript
    Buenas chavales, hoy me desperté con ganas de hacerles este tutorial, he visto este método y me puse a buscar como hacerlo, pues tomad ! aqui esta.

    Para esto necesitamos tener un blog en blogger, si no lo tienes ve a ello :Blogger
    luego de esto necesitamos un código de anuncio de adense, el que añadiremos de manera automática a nuestras entradas. en este caso usare el anuncio 300x250.

    Paso seguido es acceder a nuestra plantilla y dentro de ahí buscaremos el cierre de head pulsa CTRL+F y pega en la caja de búsqueda
    Código HTML:
    </head>
    Justo antes de agregamos la libreria de JQuery recuerden que esto es con java así que esto es inperscindible:
    Código HTML:
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/>
    si ya tienes la librería pues ya no hace falta agregar esta.

    el siguiente paso es crear nuestra caja donde posteriormente meteremos nuestro anuncio de adsense, esta caja es para poder darle atributos con css facilmente. yo usare el id
    Código HTML:
    publi-ads
    Una vez hecha nuestra caja basta pensar donde incluirla y como no queremos sobrecargar nuestro blog poniendolo en el head y usando un sentido un poco ortodoxo lo colocaremos justo antes del cierre de
    Código HTML:
    </body>
    la caja nos la hemos echo así:

    Código HTML:
    <div id='publi-ads'>
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- PUBLI-ADS -->
    <ins class="adsbygoogle"
         style="display:inline-block;width:300px;height:250px"
         data-ad-client="ca-pub-############"
         data-ad-slot="###"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    </div>
    después de agregar esto en nuestra platilla acto seguido es crearnos el css correspondiente, Lo que aremos es ponerlo a la izquierda con respecto al texto y le daremos un margen para que este no se pegue mucho a este. Como el anuncio lo hemos pegado dentro del body este se mostrara al final de la entrada para eso inicialmente le daremos un
    Código HTML:
    display: none;
    eso es para que no se muestre, descuida ya en el java lo aremos aparecer donde queramos.

    nuestro CSS seria algo asi:
    Código HTML:
    <style>
    #publi-ads {
    display: none;
    float: left;
    width: 300px;
    height: 250px;
    margin: 0 20px 10px 0 ;
    overflow: hidden;
    background: #bbb;
    }
    </style>
    bien ya tenemos casi todo echo lo único que nos falta es el script para esto y teniendo en cuenta que al crear un post en blogger usamos los saltos de lineas para separar parrafos pues esto es lo que nos va servir ya que básicamente el script lo que hace es buscar el segundo salto de linea
    Código HTML:
    <br/>
    y agrega nuestra caja que hemos echo anteriormente que es publi-ads aqui es donde se vuelve visible el anuncio con el atributo inline-block.

    este es el java y lo colocaremos igual antes del cierre de </body>:
    Código HTML:
    <script type="text/javascript">//<![CDATA[
    $(document).ready(function() {
    $('#publi-ads').insertAfter($('br:eq(1)')).css('display','inline-block');
    });
    //]]></script>
    si lo que quieres es incluir el anuncio en el tercer,cuarto etc párrafo solo debes cambiar el 1 que esta dentro de los paréntesis de
    Código HTML:
    eq(1)
    recuerda que no es muy recomendable ponerle un valor tan alto ya que entonces quedaría el anuncio a mitad de la entrada o mas abajo.


    NOTAS:

    si quieres cambia el id publi-ads por otro debes hacerlo tanto en la caja del anuncio como en el javascript ya que si no no te va a funcionar
    debes tener cuidado de que no tengas saltos de linea al inicio del post si no el anuncio se insertara ahí.
    1- Fuente: Insertar un anuncio tras un párrafo cualquiera... o lo que quieras | Oloblogger
    2- La modificación del comportamiento de los anuncios no se permite por adsense, el uso queda bajo su responsabilidad.
    Última edición por cicklow; 24-nov-2015 a las 20:34 Razón: Datos...

  2. Funciona en blogger.

  3. #3
    Registro
    22-febrero-2014
    Ubicación
    Chihuahua, México
    Edad
    20
    Mensajes
    4.475

  4. #4
    Registro
    31-octubre-2015
    Ubicación
    Acapulco/mexico
    Mensajes
    248
    Cita Iniciado por wmasterhelp Ver Mensaje
    Funciona en blogger.
    si, es para blogger

  5. #5
    Muchas Gracias Excelente Tutorial

  6. #6
    Registro
    31-octubre-2015
    Ubicación
    Acapulco/mexico
    Mensajes
    248
    Cita Iniciado por kanikase Ver Mensaje
    Es basicamente lo que hace el plugin de wordpress y no ha dado problemas aun, no modificamos el codigo del anuncio... solo la posición
    Última edición por Manu Hernandez; 20-nov-2015 a las 13:33

  7. #7
    gracias por compartirlo lo reviso detalladamente a ver que tal ^^

  8. #8
    Registro
    31-octubre-2015
    Ubicación
    Acapulco/mexico
    Mensajes
    248
    Cita Iniciado por GalaxiaUrbe Ver Mensaje
    Muchas Gracias Excelente Tutorial
    saludos a ti

    - - - Actualizado - - -

    Cita Iniciado por zero777 Ver Mensaje
    gracias por compartirlo lo reviso detalladamente a ver que tal ^^
    si tienes dudas respondo. !

  9. #9
    Registro
    05-noviembre-2013
    Ubicación
    Buenos Aires
    Edad
    28
    Mensajes
    13
    Muchas gracias!!!!

  10. #10
    Agrega adsense automatico a tus entradas solo con javascript
    Buen tutorial pero esto no lleva a baneo de adsense

Página 1 de 5 123 ... ÚltimoÚltimo

Temas similares

  1. Tutorial: Agrega Contactos a grupo / Acepta solicitudes en un solo toque
    Hola amigos, llevo tiempo usando este código, espero que pueda servirles & de no ser así, discúlpenme que no sea programador, solo soy un pequeño...
    Respuestas: 11
    Último mensaje: 15-ago-2015
  2. Tutorial: Sortcode: Agrega videos de Youtube sólo con la Id
    Hola a todos, como están? Este tutorial lo haré medio rápido ya que estoy algo ocupado, aun así como leí en el foro un articulo de como agregar...
    Respuestas: 1
    Último mensaje: 04-ene-2014
  3. Anunció de Adsense no aparece en página principal solo en las entradas.
    Hola amigos, tengo un problema con mi blog, resulta que no me aparece un bloque de adsense 728x15 en la página principal, solo me aparece en las...
    Respuestas: 5
    Último mensaje: 31-ago-2013
  4. ¿Porque el adsense solo aparece en mis primeras tres entradas?
    Y en la cuarta entrada aparece un cuadro en blanco, alguien sabe porque es esto y como lo puedo solucionar.
    Respuestas: 4
    Último mensaje: 30-may-2009

Normas de publicación

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