Pubblicato il 02/08/13e aggiornato il

Come installare su Blogger il bottone e il badge di Linkedin.

Come inserire il bottone con contatore e il badge di Linkedin in una sidebar o nel modello di Blogger.
Linkedin è un frequentatissimo social network che ha una vocazione diversa rispetto ai più conosciuti Facebook, Twitter e Google+. Non è per nulla presente l'aspetto ludico tipico degli altri social ma Linkedin punta sulla creazione di relazioni tra persone che si presentano con la loro professionalità. Si tratta in sostanza di un biglietto da visita virtuale in cui inserire le proprie competenze che potrebbero essere interessanti per altri utenti che decidono di consultare il nostro Profilo e di collegarsi con noi.

Personalmente non uso Linkedin perché seguire Twitter, Facebook e Google Plus mi porta via già diverso tempo e mi sono iscritto solo come test. Se però il web e la nostra attività di blogger è un modo per creare delle relazioni che possano essere importanti per il nostro lavoro o comunque per una nostra attività allora Linkedin è il social giusto e va assolutamente coltivato.

Anche su Linkedin si possono condividere pagine web, segnatamente i post del nostro sito. Si può farlo anche in automatico tramite un servizio tipo IFTTT che ci permette di ripubblicare automaticamente su Linkedin tutti gli articoli del blog utilizzando i feed RSS come trigger di partenza e appunto il nostro Profilo di Linkedin come azione finale.

Vediamo come installare nel blog il bottone con contatore di Linkedin e successivamente di come fare la stessa cosa con il badge del Profilo. Per prima cosa occorre inserire lo script nel template. Si va su Modello > Modifica HTML e si cerca la riga </head>. Subito sopra si incolla il codice

<script src="//platform.linkedin.com/in.js" type="text/javascript">
lang: it_IT
</script>

Si salva il modello. Sono disponibili tre stili di bottoni su Linkedin Developers, il verticale con contatore, l'orizzontale sempre con contatore e quello senza contatore

contatore-linkedin

INSTALLARE IL BOTTONE DI LINKEDIN IN UNA SIDEBAR

Dopo aver incollato lo script sul template si va su Layout > Aggiungi un gadget > HTML/Javascript e, in Sezioni del sito, si incolla il codice seguente

<script type="IN/Share" data-counter="top"></script>

Si va su Salva e si posiziona con il trascinamento del cursore. Tale codice mostrerà il pulsante con contatore verticale. Bisogna sostituire il tag in rosso con data-counter="right" per avere il contatore in orizzontale mentre tale tag si toglie proprio per non visualizzare alcun contatore.

INSTALLARE IL BOTTONE DI LINKEDIN NEL MODELLO

Come è noto in Blogger ci sono varie righe di riferimento al di sotto delle quali è possibile incollare un codice. Le posizioni più usate sono:

<div class='post-header-line-1'>                       per mostrare il bottone tra il titolo e il post
<div class='post-footer-line post-footer-line-1'>  per mostrare il bottone alla fine del post
<div class='post-footer-line post-footer-line-2'>  alla fine del post ancora più in basso
<div class='post-footer-line post-footer-line-3'>  alla fine del post sempre più in basso

Si va quindi su Modello > Modifica HTML e si cerca una di queste quattro righe, quindi, subito sotto alla prescelta, si incolla il codice seguente

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type="IN/Share" expr:data-url="data:post.canonicalUrl" data-counter="top" ></script>
</b:if>
</b:if>

Si salva il modello. Anche in questo caso si può personalizzare l'aspetto del contatore mediante la modifica del tag colorato di rosso. Ecco come si presenta inserito subito sotto alla prima riga

linkedin-bottone

Ho inserito due tag condizionali colorati di viola che servono per mostrare il bottone solo nei post e non nelle pagine statiche. Non c'è numero perché ancora non c'è stata condivisione.

INSTALLARE IL BADGET DI LINKEDIN

Si può anche mostrare il badge del nostro Profilo su Linkedin sempre sfruttando lo stesso script che dovrà essere installato nel modello come già illustrato. Bisogna essere ovviamente a conoscenza dell'URL del Profilo su Linkedin. Si va su Layout > Aggiungi un gadget > HTML/Javascript e si incolla

<script type="IN/MemberProfile" data-id="http://www.linkedin.com/in/parsifal32" data-related="false" data-width="220" data-format="inline" data-text="Seguimi su Linkedin"/></script>

dove dovrà essere settata la larghezza del widget, inserire l'URL e scegliere se mostrare i nostri contatti sul social network (true al posto di false in data-related). Al posto di inline si può mettere click o hover per modificare l'aspetto del badge che sarà simile a questo

badge-linkedin

INSTALLARE IL BADGE DI LINKEDIN NEL MODELLO

Nel caso di blog con più autori potrebbe essere interessante visualizzare il badge di Linkedin nei post che ciascuno di loro pubblica. Si va su Modello > Modifica HTML e si cerca una delle 4 righe già viste in precedenza che determineranno il posizionamento del badge. Subito sotto a una di queste si incolla

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.author == &quot;Ernesto Tirinnanzi&quot;'>
<script type="IN/MemberProfile" data-id="http://www.linkedin.com/in/parsifal32" data-related="false" data-width="364" data-format="inline" data-text="Seguimi su Linkedin"/>
</b:if>
</b:if>
</b:if>

che ha tre tag condizionali. I primi due servono per mostrare il badge solo nei post e non nelle pagine statiche mentre il terzo per visualizzarlo solo negli articoli scritti da un certo autore.

badge-linkedin[4]

Ecco come si presenta il badge di Linkedin inserito subito sotto il titolo del post.




Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.