AdSense Como colocar banners de forma vertical no meu site

JesusEC · 09/10/2015

Mi gran duda y espero me puedan ayudar.

¿Cómo pongo dos banners 160x600 o 120x600 así como ven en la imagen?

Scandal280992 · 09/10/2015

Depende un poco de tu theme y sus medidas si no me equivoco ese es 120 x 600 y metes tu código dentro de un HTML

JesusEC · 09/10/2015

Scandal280992 disse:
Depende un poco de tu theme y sus medidas si no me equivoco ese es 120 x 600 y metes tu código dentro de un HTML

Lo quiero poner en un .com alojado en Blogger. Se podrá?

Enviado desde mi LG-V500 mediante Tapatalk

Scandal280992 · 09/10/2015

Así es, si se puede solo crea un widget html y pegas tu codigo

JesusEC · 09/10/2015

Scandal280992 disse:
Así es, si se puede solo crea un widget html y pegas tu codigo

Tiene el código html, amigo?

Enviado desde mi LG-V500 mediante Tapatalk

Scandal280992 · 09/10/2015

Aquí creas los gagets donde irán tus anuncios:

Y dentro pegas el código de tu anuncio:

ltlobos7 · 09/10/2015

hermano lo que andas buscando es ponerlo ya fuera de tu theme, esos ads no van en el theme si no que son ads afuera. Si quieres insectar anuncios de google tendrias que buscan algun script o codigo (truco) que te deje hacer eso.

JesusEC · 09/10/2015

ltlobos7 disse:
hermano lo que andas buscando es ponerlo ya fuera de tu theme, esos ads no van en el theme si no que son ads afuera. Si quieres insectar anuncios de google tendrias que buscan algun script o codigo (truco) que te deje hacer eso.

Eso busco. Saber donde encontrar ese código.

Enviado desde mi LG-V500 mediante Tapatalk

JesusEC · 09/10/2015

Scandal280992 disse:
Aquí creas los gagets donde irán tus anuncios:

Ver o anexo 62056

Y dentro pegas el código de tu anuncio:

Ver o anexo 62057

Veo que tienes 3 colinas en tu blog. Me podrías pasar la URL x MP para ver que se ven. Gracias 🙂

Enviado desde mi LG-V500 mediante Tapatalk

Scandal280992 · 09/10/2015

JesusEC disse:
Veo que tienes 3 colinas en tu blog. Me podrías pasar la URL x MP para ver que se ven. Gracias 🙂

Enviado desde mi LG-V500 mediante Tapatalk

No te puedo pasar mi Url con mis anuncios y te recomiendo que nunca compartas tu Url con anuncios puestos, pero te paso un Demo:
Sora Mag Responsive Blogger Template Â» Live Preview and Download

ltlobos7 · 09/10/2015

tienes que usar un codigo javascript para que pueda detectar el tamaño de la pantalla y pueda monstrar el anuncio. Despues puedes implementar los ads directamente en tu web php y usando css para el estilo. Aqui te dijo mas o menos un ejemplo:

CSS

Inserir CODE, HTML ou PHP:

#anuncioderecha { width:120px; height:600px; position:fixed; right:0; top:0; }
#anuncioizquierda { width:120px; height:600px; position:fixed; left:0; top:0; }

HTML

Inserir CODE, HTML ou PHP:

<div id="anuncioderecha">Aqui va el codigo del anuncio de la derecha</div>
<div id="lanuncioizquierda">Aqui va el codigo del anuncio de la izquierda</div>

JesusEC · 09/10/2015

ltlobos7 disse:
tienes que usar un codigo javascript para que pueda detectar el tamaño de la pantalla y pueda monstrar el anuncio. Despues puedes implementar los ads directamente en tu web php y usando css para el estilo. Aqui te dijo mas o menos un ejemplo:

CSS

Inserir CODE, HTML ou PHP:

#anuncioderecha { width:120px; height:600px; position:fixed; right:0; top:0; } #anuncioizquierda { width:120px; height:600px; position:fixed; left:0; top:0; }

HTML

Inserir CODE, HTML ou PHP:

<div id="anuncioderecha">Aqui va el codigo del anuncio de la derecha</div> <div id="lanuncioizquierda">Aqui va el codigo del anuncio de la izquierda</div>

Mi sitio no es un Blogger. Servirá ahí amigo?

Enviado desde mi LG-V500 mediante Tapatalk

elgeek · 10/10/2015

ltlobos7 disse:
tienes que usar un codigo javascript para que pueda detectar el tamaño de la pantalla y pueda monstrar el anuncio. Despues puedes implementar los ads directamente en tu web php y usando css para el estilo. Aqui te dijo mas o menos un ejemplo:

CSS

Inserir CODE, HTML ou PHP:

#anuncioderecha { width:120px; height:600px; position:fixed; right:0; top:0; } #anuncioizquierda { width:120px; height:600px; position:fixed; left:0; top:0; }

HTML

Inserir CODE, HTML ou PHP:

<div id="anuncioderecha">Aqui va el codigo del anuncio de la derecha</div> <div id="lanuncioizquierda">Aqui va el codigo del anuncio de la izquierda</div>

Hermano, copié tu ayuda.

En PC quedaron perfectos los banners pero ¿cómo hago que no salgan en tablets y smartphones?

Otra consulta. ¿No penalizan por tener los banners en el sidebar?

Andres128 · 10/10/2015

Si mal no recuerdo adsense penaliza por banners flotantes, y para que este siempre al frente creo que se usa este código en el css:

HTML:

z-index: 9999;

ltlobos7 · 10/10/2015

JesusEC disse:
Mi sitio no es un Blogger. Servirá ahí amigo?

Enviado desde mi LG-V500 mediante Tapatalk

Si hermano por lo que puedes ver el hermano "elgeek" lo hizo.

- - - Actualizado - - -

elgeek disse:
Hermano, copié tu ayuda.

En PC quedaron perfectos los banners pero ¿cómo hago que no salgan en tablets y smartphones?

Ver o anexo 62081

Otra consulta. ¿No penalizan por tener los banners en el sidebar?

Hermano aqui no te puedo ayudar mucho pero te dejo este codigo que talves te pueda ayudar!

El codigo lo que hace es que cuando la pantalla llega a X tamaño deja de monstrar el <div> que ya creamos.

Inserir CODE, HTML ou PHP:

@media screen and (max-width: 600px) {
  #anuncioderecha {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}

y creas otro para el otro anuncio solo cambias el nombre del div amigo, espero que te funcione!

JesusEC · 10/10/2015

ltlobos7 disse:
Si hermano por lo que puedes ver el hermano "elgeek" lo hizo.

- - - Actualizado - - -

Hermano aqui no te puedo ayudar mucho pero te dejo este codigo que talves te pueda ayudar!

El codigo lo que hace es que cuando la pantalla llega a X tamaño deja de monstrar el <div> que ya creamos.

Inserir CODE, HTML ou PHP:

@media screen and (max-width: 600px) { #anuncioderecha { visibility: hidden; clear: both; float: left; margin: 10px auto 5px 20px; width: 28%; display: none; } }

y creas otro para el otro anuncio solo cambias el nombre del div amigo, espero que te funcione!

Ese código hidden va en CSS? o Junto a los div con las ads?

ltlobos7 · 10/10/2015

JesusEC disse:
Ese código hidden va en CSS? o Junto a los div con las ads?

ese codigo es para que los ads no salgan en lo mobiles o tablets, y van en el css

JesusEC · 10/10/2015

ltlobos7 disse:
ese codigo es para que los ads no salgan en lo mobiles o tablets, y van en el css

Gracias 🙂

Enviado desde mi LG-V500 mediante Tapatalk

Scandal280992 · 10/10/2015

Te recomiendo que leas: https://support.google.com/adsense/answer/1346295?hl=es

AdSense Como colocar banners de forma vertical no meu site

JesusEC

Scandal280992

JesusEC

Scandal280992

JesusEC

Scandal280992

ltlobos7

JesusEC

JesusEC

Scandal280992

ltlobos7

JesusEC

elgeek

Andres128

ltlobos7

JesusEC

ltlobos7

JesusEC

Scandal280992

Tópicos similares