News Update :
Home » » Come mettere una finestra Popup con pubblicità Adsense sul nostro blog

Come mettere una finestra Popup con pubblicità Adsense sul nostro blog

Sulla rete ci si accorge che certi blogger cercano il modo d'integrare sul loro blog una finestra popup con pubblicità Adsense come quelle che si vedono nei siti "importanti" e grandi.

Ecco come si presenta la finestra popup, la ragazza sorridente è inclusa:


Io facendo una ricerca sono riuscito a trovare qualcosa, però vi devo mettere al corrente che per motivi di politiche aziendali Adsense non acconsente che le sue pubblicità risultino su finestre popup, se poi hanno deciso di cambiare questa loro linea di pensiero io non lo so, ma era doveroso dirvelo. Potete comunque contattare l'assistenza per chiarimenti ecc, o andatevi a leggere il contratto stipulato con Adsense stesso.

Detto questo nessuno mi vieta di spiegare come si integra una finestra popup, la finestra è tarata comunque sia per una specifica tipologia di annuncio, ovvero quello di 336x280 (il più cliccato si dice).

Quando avrete generato il codice del vostro annuncio Adsense potremo procedere così:

andate su Layout > Aggiungi gadget > HTML/JavaScript.

Al suo interno inserite questo codice Html:

<style>
#topbar {
height:30px;
width:auto;
background: #FFFFFF url('');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#adsground {
height:auto;
margin:0 auto;
width: 500px;
background:#FFF;
border-bottom:2px #ffffff solid;
border-right:2px #ffffff solid;
border-left:2px #ffffff solid;
text-align:Center;
padding:4px;
}
#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:65px;
left:170px;
border-bottom:1px #ffffff solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("headlineatas").style.display = 'none';
}
</script>
<div id="headlineatas">
<div id="topbar">
<img align="left" style="padding-left:2px;" src="" />
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em"></span>
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"> <target="_blank" onclick="getValue()"><img src="http://2.bp.blogspot.com/-W4M-XVzCcE4/Ti0Ysg8Fe-I/AAAAAAAAA68/PF24MO-2Na0/s1600/window-close-3.png" /></target="_blank"></span>
</div>
<div id="adsground">
<span style="font-size: x-small;">Pop-up creato da:</span> <b><a href="http://www.moneyskyblog.blogspot.it.com">Moneyskyblog</a></b>
<p align="left"><h3></h3></p>
<table align="center" background="http://1.bp.blogspot.com/-khmpGzWLrms/TilOQD2EnAI/AAAAAAAAA5Y/le3OOiraeWE/s1600/adsense+background+image%2528gj37765.blogspot.com.jpg.png" border="0" height="300" style="width: 505px;"><tbody>
<tr><td height="350" width="505">
<div align="right"> 
Inserisci in questa riga il tuo codice Adsense
</div></td></tr></tbody></table></div></div>

Al posto della scritta blu dovrete inserire semplicemente il vostro codice Adsense, dopodichè basta salvare e andare a vedere il vostro blog. Non importa dove posizionate il gadget perchè la finestra si aprirà lo stesso

Questa finestra popup però ha dei pro e contro, la finestra si apre ogni volta che sul vostro blog aprite una pagina nuova, questo ai lettori e ai visitatori non piace molto, ma ci sarà anche una versione che evita questa insistenza della finestra. Ne andrò a "caccia" e vi farò sapere, oppure suggeritemi voi.
Share this article :

+ commenti + 3 commenti

13 settembre 2013 alle ore 18:23

Molto interessante!
...È possibile inserire anzichè un annuncio una pagina di un sito????
...Grazie...

13 maggio 2017 alle ore 08:44

DOVE TROVO IL CODICE ADSENSE DA INSERIRE?

Posta un commento

Ultimi commenti

 
Company Info | Contact Us | Privacy policy | Term of use | Widget | Advertise with Us | Site map
Copyright © 2011. Moneysky . All Rights Reserved.
Design Template by panjz-online | Support by creating website | Powered by Blogger