Ricerca personalizzata

25 novembre 2009

Inserire annunci pubblicitari nel mezzo degli articoli


Abbiamo già visto in un articolo precedente come inserire gli annunci pubblicitari dei vari programmi (AdSense, eDintorni, Heyos, ecc) dentro i post, ma solo nei casi in cui l'annuncio viene visualizzato subito sotto al titolo dell'articolo oppure alla fine di questo.

Bene ora vediamo come inserire il nostro annuncio pubblicitario nel bel mezzo del post, nella zona che più ci piace e che riteniamo più profiqua per i nostri guadagni.

Prendo come esempio gli annunci di AdSense, che è il sistema più usato, creiamo un annuncio di testo o anche un insieme di link, il discorso non cambia, e lo convertiamo da HTML a XML con Webbista, questo perchè Blogger usa il linguaggio XML, mentre AdSense, come tutti gli altri programmi simili, usano l'HTML.



Andiamo nel Layout di Blogger, click su "Modifica HTML" e check su "Espandi i modelli widget", ora cerchiamo questa riga di codice:

<data:post.body/>

e la sostituiamo con:

    <div expr:id='"aim1" + data:post.id'></div>
        <div style="clear:both; margin:10px 0">
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
      
        <!-- Qui inserisco il codice AdSense modificato con Blogcrowds
-->

        </b:if>
        </div>
        <div expr:id='"aim2" + data:post.id'>

        <data:post.body/>

        </div>
        <script type="text/javascript">
        var obj0=document.getElementById("aim1<data:post.id/>");
        var obj1=document.getElementById("aim2<data:post.id/>");
        var s=obj1.innerHTML;
        var r=s.search(/\x3C!-- Annuncio Pubblicitario --\x3E/igm);
        if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
        </script>


Ovviamente dove è presente " <!-- Qui inserisco il codice AdSense modificato con Blogcrowds -->" dobbiamo inserire il nostro annuncio ricodificato. Ok ora possiamo salvare, ma non è ancora finita perchè dobbiamo scegliere dove far apparire l'annuncio pubblicitario all'interno del nostro post.

Andiamo su "Modifica post", apriamo un articolo che abbiamo già scritto andando su "Modifica" e clicchiamo su "Modifica HTML" come nella foto qui sotto:


e inseriamo dove più ci piace:

<!-- Annuncio Pubblicitario -->

In questo modo l'annuncio verrà visualizzato nel punto in cui noi abbiamo inserito la riga di codice sopra riportata.

"<!-- Annuncio Pubblicitario -->" anche se effettivamente è un commento, diventa in questo caso una variabile vera e propria, infatti nel codice che abbiamo sostituito è evidenziata in rosso!

Se negli articoli non inseriamo la variabile gli annunci pubblicitari appariranno sempre sotto al titolo.



Se ti è piaciuto l'articolo, iscriviti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog! Per maggiori informazioni sui feed, clicca qui!


0 commenti:

Posta un commento

Scrivi le tue opinioni!

Related Posts with Thumbnails
 
Share
ShareSidebar