domenica 23 giugno 2013

Inserire Banner Adsense Al Centro Dell'Articolo (Blog)

In quest'articolo vedremo come inserire il banner pubblicitario Adsense al centro dell'articolo.
Loggatevi con il vostro account Google(quello che usate per scrivere gli articoli sul vostro blog), andate su Profitti/VisualizzaBacheca(Adsense)/I Miei Annunci/Crea Nuova Pubblicità.
Fatto ciò potrete creare i vostri annunci ed otterrete il codice HMTL del banner pubblicitario.
I codici creati con Adsense vanno modificati con un Parser:
http://blogcrowds.com/resources/parse_html.php

Fatto questo vediamo come inserire gli annunci dove vogliamo.
Andate su Modello/Modifica HTML.

Per Inserire la pubblicità in mezzo al post:

Si deve cercare la riga di codice
<data:post.body/>
oppure
<p><data:post.body/></p> (se avete inserito gli articoli espandibili)

e sostituirla 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;'>
Codice Pubblicità modificato con Parse
</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!-- pubblicita --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>


Per Inserire la pubblicità all'inizio del post:

Dal pannello andare in Design-->Modifica html-->Spuntare Espandi i modelli widget e cercare:
<div class='post-body entry-content'> (che può anche essere: <div class='post-body'>)
Se utilizzate gli articoli espandibili sarà così
<div class='post-body entry-content' expr:id='&quot;post-&quot; + data:post.id'>
e immediatamente sopra si inserisce questo codice, che è quello che si visualizza proprio sotto il titolo dell'articolo
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p> Codice Pubblicità modificato con Parse
</p>
<b:else />
<p>
Codice Pubblicità modificato con Parse per la homepage e gli archivi
</p>
</b:if>


Per Inserire la pubblicità alla fine del post:
Si deve cercare la riga di codice
<data:post.body/>
oppure
<p><data:post.body/></p> (se avete inserito gli articoli espandibili)
Immediatamente dopo inserite questo codice
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p>
Codice Pubblicità modificato con Parse di formato leaderboard
</p>
</b:if>


Per Inserire la pubblicità alla sinistra del post:
In questo caso il codice Adsense va racchiuso dalle seguenti righe di codice
<span style='float: left; margin: 8px 8px 8px 0px;'>
Codice Adsense modificato con Parse
</span>


Per Inserire la pubblicità alla destra del post:
In questo caso il codice Adsense va racchiuso dalle seguenti righe di codice
<span style='float: right; margin: 8px 0px 8px 8px;'>
Codice Adsense modificato con Parse
</span>

3 commenti: