martedì 8 luglio 2008

COME INSERIRE ADSENSE IN BLOGGER


Blogger.com è la piattaforma blog offerta gratuitamente da Google ed è tra le più utilizzate dai blogger di tutto il mondo.
Offre un comodo editor del layout che vi permette di inserire in modo visuale e molto semplice gli elementi di pagina all’interno del vostro blog, tra questi anche Adsense, con una solo limitazione però, gli annunci non possono essere inseriti all’interno del post, ma soltanto in alcune posizioni prestabilite. Come ovviare a questo inconveniente? Ve lo spiego subito:




  1. Entrate nell’amministrazione del vostro blog e selezionate la scheda “Modello” e la sotto-scheda “Modifica html“. Una volta entrati, cliccate sul check box “Espandi i modelli widget“, come indicato nell’immagine di seguito.
    Inserire adsense in blogger



  2. A questo punto cercate la seguente linea di codice:

    <div class='post-header-line-1'/>


    (utilizzate in firefox la funzione di ricerca con la combinazione di tasti ctrl + f) e inserite il vostro codice Adsense immediatamente dopo.


    Questo vi permetterà di inserire Adsense immediatamente dopo il titolo del vostro post.




  3. Google però a questo punto pone un limite: dal momento che il codice Adsense è racchiuso tra due tag di commento <!– –> esso verrà interpretato da Google proprio come un commento, e gli annunci non si visualizzeranno.
    Per fortuna a tutto c’è una soluzione. Se provate a salvare il modello e a tornare alla riga nella quale avete inserito il codice di Adsense, noterete che Blogger ha sostituito le virgolette con i rispettivi codici, in questo modo:

    google_ad_client = &quot;pub-1862048471093901&quot;;

    Perché allora non sfruttare il suggerimento di Google e non modificare i tag di commento con i rispettivi codici. Presto fatto.
    Sostituite la prima parentesi angolare del commento con &lt; e la parentesi angolare alla fine del commento con &gt; .
    Il codice finale dovrebbe apparire come quello sotto:






  1. <script type='text/javascript'>&lt;!- -
    google_ad_client = &quot;pub-xxxxxxxxxxxxxxx&quot;;
    google_ad_width = 336;
    google_ad_height = 280;
    google_ad_format = &quot;336×280_as&quot;;
    google_ad_type = &quot;text_image&quot;;
    google_color_border = &quot;112233&quot;;
    google_color_bg = &quot;112233&quot;;
    google_color_link = &quot;97CA76&quot;;
    google_color_text = &quot;89B5E7&quot;;
    google_color_url = &quot;EABD61&quot;;
    google_ui_features = &quot;rc:6&quot;;
    //- -&gt;
    </script>
    <script src=’http://pagead2.googlesyndication.com/pagead/show_ads.js’ type=’text/javascript’>
    </script>





Aggiornamento: in rete è disponibile uno strumento che permette di convertire il codice Adsense affinche sia adatto per questo scopo. Lo trovate a questo indirizzo: http://blogcrowds.com/resources/parse_html.php



Questo metodo è sicuro e perfettamente in regola con il TOS di Adsense, infatti se salvate il modello e andate a visualizzare il codice della vostra pagina, vedrete che il codice Adsense è proprio come viene fornito all’origine.


A questo punto, se volete possiamo fare ancora di più.
Possiamo decidere di inserire l’insieme di annunci soltanto all’interno dei singoli post e non in home page, oppure far apparire in home page un determinato formato (piccolino, che magari non sia di intralcio alla lettura) e all’interno del post un formato più grande.


Per farlo dobbiamo aggiungere la seguente sintassi al codice di cui ho parlato all’inizio dell articolo.
Sempre sotto la riga <div class='post-header-line-1'/> inserite il codice:

<b:if cond='data:blog.pageType == "item"'>
<il vostro codice adsense modficato come sopra>
</b:if >


Questo farà apparire gli annunci Adsense soltanto all’interno delle pagine contenenti i singoli post.
Se volete invece avere due tipi di formati diversi di annunci a seconda che ci si trovi in home o all’interno del singolo post, utilizzate questo codice:


<b:if cond='data:blog.pageType == "item"'>
<il vostro codice adsense dei singoli post>
<b:else />
<il vostro codice adsense della home page>
</b:if >


Fonte Orgininale http://www.guadagnare-online.info

Visto su Area-guadagni.info



Nessun commento: