Come personalizzare i widget e i banner pubblicitari nei blog multi-autore di Blogger.

Come installare banner pubblicitari nel modello di Blogger quando ci siano più autori.

Nei precedenti post abbiamo visto come si possano aggiungere fino a 100 autori e amministratori per il nostro blog su Blogger e come si possa mostrare il Profilo di ciascun autore sotto gli articoli che ha scritto. Adesso facciamo un passo ulteriore e vediamo come si possa personalizzare il layout in funzione dell'autore del post. 

Mi riferisco alla pagina dei post perché la Home Page, le Pagine delle Etichette e quelle di Archivio non hanno un autore predefinito e quindi a queste pagine non si possono applicare i tag condizionali. Consideriamo quindi solo l'aspetto della pagina di un post in un blog di Blogger che abbia più autori. Oltre al Profilo si possono anche mostrare dei widget che abbiano una relazione con chi ha scritto il post. Ciascun autore potrebbe per esempio mostrare nella sidebar i suoi Followers su Google+,  o lo Stream dei suoi tweet su Twitter o le ultime foto postate sull'account Flickr.  

INSTALLARE I WIDGET PER CIASCUN AUTORE

Per prima cosa dovremo installare tanti widget quanti sono gli autori del blog anche se si può evitare di farlo quando per uno o più autori non fosse possibile farlo. I gadget possono essere inseriti in due modi. Il primo sistema è quello di andare su Layout > Aggiungi un gadget e selezionare il widget da installare per poi configurarlo. Il secondo caso è invece quello di incollare il codice dell'oggetto HTML direttamente nel modello. Vediamo come procedere per inserire i tag condizionali in entrambi i casi. 

WIDGET INSTALLATO TRAMITE LAYOUT

Se il gadget è stato installato tramite Layout > Aggiungi un gadget dovremo determinarne l'ID per trovarlo nel modello oppure cercarne il codice tramite il titolo qualora ci fosse.

Si deve cercare con Ctrl+F su Modello >Modifica HTML il titolo o l'ID del widget. Il Titolo si può visualizzare andando su Layout mentre per l'ID si clicca su Modifica e si scorre l'indirizzo dell'elemento. L'ID sarà la stringa finale dell'URL subito dopo a &widgetId=. Per visualizzare il gadget solo nel Profilo giusto si devono inserire i tag condizionali. Nel modello si troverà un codice come questo 

<b:widget id='HTML3' locked='false' title='Ernesto Tirinnanzi' type='HTML'>
    <b:includable id='main'>
  .....
  .....
</b:includable>  </b:widget>

dove le espressioni in rosso rappresentano l'ID e il Titolo del widget e sono quelle che vanno cercate. Nel caso non si visualizzasse tutto va cliccato nelle freccette nere poste sulla sinistra. Al posto dei puntini ci saranno delle righe di codice che varieranno in funzione della tipologia di widget (HTML, Immagine, Profilo Google+, ecc). Per mostrare questo widget solo nei post pubblicati dall'utente Ernesto Tirinnanzi il codice precedente va modificato in questo modo

<b:widget id='HTML3' locked='false' title='Ernesto Tirinnanzi' type='HTML'>
    <b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<b:if cond='data:post.author == "Ernesto Tirinnanzi"'>   .....
  .....
</b:if>
</b:if></b:includable>
  </b:widget>

Questa operazione va fatta per tutti i widget da associare a un determinato autore. Si salva il modello. Purtroppo mi accorgo solo adesso che questo sistema funziona solo in teoria. Quindi sarà possibile associare ai singoli autori solo i widget inseriti direttamente nel modello come sono per esempio i banner pubblicitari per dividere le entrate delle affiliazioni.

WIDGET INSTALLATO NEL MODELLO

Un gadget tipico installato nel template è appunto quello dei banner pubblicitari. Per la loro implementazione rimando al post che ho scritto due anni e mezzo fa. Dopo aver salvato il template si va su Modello > Modifica HTML e si cerca la riga

<b:includable id='post' var='post'>

Successivamente si scorre il codice verso il basso fino a che non si trova l'altra riga

<data:post.body/>

che è il tag di Blogger che indica il contenuto del post. Per inserire un widget sopra al contenuto dell'articolo si incolla il suo codice subito sopra a questa riga mentre per incollarlo alla fine del post lo si incolla subito dopo. Se si prendono per esempio i codici di due banner da visualizzare in queste posizioni si incolla un codice sopra e sotto questa riga con questa struttura 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.author == &quot;Ernesto Tirinnanzi&quot;'>
... Codice del banner di Ernesto Tirinnanzi da posizionare in alto ...
</b:if><b:if cond='data:post.author == &quot;Ernesto&quot;'> ... Codice del banner di Ernesto da posizionare in alto ...</b:if></b:if>
<data:post.body/><b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.author == &quot;Ernesto Tirinnanzi&quot;'> ... Codice del banner di Ernesto Tirinnanzi da posizionare in basso ...</b:if>
<b:if cond='data:post.author == &quot;Ernesto&quot;'>
... Codice del banner di Ernesto da posizionare in basso ...
</b:if></b:if>

Si salva il modello. Ciascun autore avrà i banner del proprio account subito sotto il titolo e alla fine del contenuto nelle pagine che ha pubblicato e solo in quelle. In questo test è stato preso in esame un blog con 2 autori il cui codice è stato evidenziato rispettivamente di giallo e di verde. Per più autori basta inserire altro codice con la stessa sintassi. Ricordo che si può benissimo inserire il codice solo sopra o solo sotto al contenuto del post e che il nome utente è case sensitive cioè le maiuscole sono interpretate diversamente dalle minuscole.