« CERCARE L'AMORE IN INTERNET: BE2 | Homepage | OFFERTA WIMAX ADSL : ARIA »

16/12/2008

AGGIUNGERE ADSENSE AI POST DI MYBLOG.IT

Dopo essersi iscritti , ci sono due modi per aggiungere AdSense ai Blog di AdSense logoMyBlog.it: o quello di aggiungerlo alle  'barre laterali'. oppure di 'implementarlo' all'interno degli articoli, andando a fare qualche piccola modifica al codice Html.
Nel primo caso: bisogna entrare in 'Presentazione', poi in 'Barre laterali', quindi in  'nuovo oggetto' incollate il codice AdSense  che avete scelto, questo metodo è semplicissimo ma ce n'è uno molto più 'performante'. che Vi aiuterà a inserire AdSense proprio come in questo Blog.
Secondo caso: oggi vedremo come si possono aggiungere gli annunci Adsense agli articoli di Myblog.it:


Una premessa importante:

Quando andate su "Opzioni avanzate", Vi comparirà questo tipo di lettura:
Modello della homepage - Modifica modello - Vedi la versione originale HTML (Aggiornato)
Foglio di stile Modifica - modello Modello "Archivi" - Modifica modello Vedi la versione originale HTML (Aggiornato)
Modello della pagina categoria - Modifica modello Vedi la versione originale HTML (Aggiornato)
Modello della pagina dei commenti - Modifica modello Vedi la versione originale HTML (Aggiornato)
Modello di pagina Link permanente - Modifica modello Vedi la versione originale HTML (Aggiornato)
Mostra i modelli - Modifica modello Vedi la versione originale HTML Modello della colonna sinistra (prima colonna)
Modifica modello - Modello della colonna destra (seconda colonna)
Modifica modello - Modello dell'album: copertina Modifica modello Vedi la versione originale HTML
Modello dell'album: foto - Modifica modello Vedi la versione originale HTML
Modello dell'album: galleria - Modifica modello Vedi la versione originale HTML
eccetera...

Ogni modifica che Vi interessa fare , la dovete fare nell'apposita sezione, ad esempio se vorrò far comparire Adsense in Home Page, allora andrò a modificare la sezione Home Page, se vorrò modificare la sezione Link Permanente - cioè l'articolo aperto , modificherò solo quello.

Consiglio: consiglio di modificare solo il Link Permanete ( cioè l'articolo)  per 2 motivi: da quello di cercare di lasciare il template più 'leggero' possibile', per i guadagni - migliori - . Ovviamente ognuno ha un proprio stile, e dopo varie prove, troverà quello che più gli piacerà o gli sarà più utile. Quindi,


1 - Innanzitutto ecco come mettere Adsense subito dopo il titolo, e prima dell'articolo:

bisogna andare su 'Presentazione', poi su 'opzioni avanzate', quindi ora inizieremo con l'andare  in 'Modello della Home Page'; qui, cliccate su 'modifica modello';  dovremo cercare questo codice:
<h2 class="date"><span>{$post.pubdate|date_format:"`$blog.date_format`"}</span></h2>
{/date_header}
<a id="a{$post.id}"></a>
<h3><span>{$post.title}</span></h3>
a subito dopo incollare codice AdSense che avremo scelto: in questo modo il codice Adsense si posizionerà proprio subito dopo il titolo dell'articolo ( come in questo Blog).
Se inoltre vogliamo aggiungere dopo l'articolo, un altro annuncio, possiamo posizionarlo subito dopo la fine dell'articolo stesso, quindi trovate questo codice:
{if $post.extended}<p class="readmore"><a href="{$post.permalink}#more">{t}Read more ...{/t}</a></p>{/if}
<div class="postbottom">
<div class="postbottom-decorator1">
<div class="postbottom-decorator2>

e subito dopo incollate il codice di AdSense
Dopo aver aggiunto il codice nell'Home Page, dovremo fare la stessa cosa per la 'Pagina link permanente' ; 'Pagina categoria' ; 'Pagina tag' ;  ecc.; inoltre ci si può sbizzarrire, considerando che AdSense per ogni pagina pubblicata,  mostrerà solo 3 annunci con contenuti. 

 2 - Come mettere Adsense all'Interno dell'articolo:

Per inserire Adsense all'interno di un articolo, bisogna seguire le istruzioni sopra, solo che Adsense va incollato poco più avanti, DOPO questo: <div class="posttext">

Per far sì che possiamo visualizzarlo a destra o a sinistra del testo, dobbiamo utilizzare questo codice, che andrà sia prima che dopo il codice di adsense:

<div style="float:left;"> CODICE ADSENSE </div>

Se vorrete visualissare Adsense a sinistra, metterete il codice ( qui, in rosso)  left se lo volete a destra, utilizzerete right .


3 - Come inserire Adsense Dopo 'Continua', cioè a post completamente aperto:

Un'altra soluzione che ritengo estremamente interessante, è quella di inserire AdSense solo quando il lettore vuole espandere l'articolo e quando clicca su 'continua'; in questo modo, il codice comparirà solo ad articolo completamente aperto.

Il metodo da usare è identico a quello sopra, solo che adsense andrà messo DOPO QUESTO CODICE:

 {if $post.extended}<div class="introductory">{/if}
                                                {$post.source|trimlonglines:60}
                                                {if $post.extended}</div>{/if}
                                              {if $post.extended}<a id="more"></a>


ATTENZIONE: per i meno esperti consigliamo di aprire un blog appositamente per farci delle prove, altrimenti potete, prima di ogni cambiamento del codice Htmlcopiare tutto il codice e incollarlo in WorPad e salvarlo. in questo modo, nel caso di gravi errori e/o cancellazioni potrete sempre recuperarlo, stessa cosa si può fare andando su 'vedi la versione html', che è la versione originale senza aggiunte varie del codice che avete fatto Voi. 
Templates diversi: Questo tipo di 'implementazione' và bene per questo template; considerando che le regole di fondo e il nome dei codici html, i 'tag' importanti sono sempre uguali, seguendo questa semplice guida, potrete provare da soli a fare queste aggiunte di annunci pubblicitari anche in blog diversi da questo, non dimenticando le regole di sicurezza di cui sopra.

Commenti

Tutorial interessante. :)

Scritto da: Cenerentolina | 16/12/2008

Ciao,
e se volessi inserire sotto l'header un banner visibile anche dentro ai post?
sai come fare?
Grazie, ciao

Scritto da: tassadar68 | 17/12/2008

ho inserito il tuo link ne mio sito.

Scritto da: Poesia Economia | 30/03/2009

Ciao. Non capisco perchè a me il codice adsense appaia proprio sotto il titolo del post e non accanto al testo dello stesso (come invece risulta in questo tuo post).

Scritto da: Elena | 19/05/2012

l'articolo mi sembra chiaro, pubblicato nel 2008 era fatto per mettere adsese SOTTO IL TITOLO e prima del testo dell'articolo, ora , con il tempo ho cambiato posto e farò, a breve un piccolo tutorial, ok?

Scritto da: blogmaster70 | 06/06/2012

ciao,avrei bisogno di capire come si inseriscono i banner pubblicitari sul blog.Ho fatto così:
1)vado su il nuovo post e metto immagine pubblicitaria
2)evidenzio codice HTML e faccio Copia
3)evidenzio immagine pubblicitaria,appare la catenella
4)clicco su catenella e incollo codice HTML
5)metto Apri link in una nuova finestra
6)clicco Aggiorna
7)pubblico post,clicco sull'immagine,si apre la finestra,ma è bianca e non mi apre il sito che mi ha dato pubblicità
Se qualcuno mi dice dove sbaglio e come devo fare,gli sarò grata infinitamente!Eva

Scritto da: lucertolaeva | 30/12/2012

Scrivi un commento