Pubblicato il 30/09/16 - aggiornato il  | Nessun commento :

Come aggiungere a Blogger il pulsante di Telegram per condividere post da desktop e da mobile.

Come installare il bottone di Telegram nei blog su piattaforma Blogger per condividere con questa app di messaggistica i nostri post da desktop e da dispositivo mobile.
Telegram è una app in competizione con WhatsApp per la messaggistica istantanea così come il nuovo prodotto Google Allo. Molti utenti preferiscono Telegram a WhatsApp non solo perché disponibile su ogni piattaforma. Si può usare Telegram dal computer senza dover aprire il cellulare contrariamente a WhatsApp Web. La condivisione di file con Telegram ha un limite di 1,5GB contro i 16MB di WhatsApp. La caratteristica più importante di Telegram è comunque la sicurezza. Sono stati messi in palio ben 300.000 dollari a chi riuscirà a decifrare un messaggio di Telegram e ancora nessuno c'è riuscito. WhatsApp ha risposto con la crittografia end-to-end ma è considerata tuttora meno affidabile rispetto a Telegram se non alto perché acquistata da Facebook e perché sottoposta a forti pressioni politiche e giudiziarie in vari paesi a cominciare dal Brasile e dalla Germania.

Si può installare e ci si può registrare a Telegram partendo da varie piattaforme:
Si può installare anche una versione portatile di Telegram per Windows. Per l'accesso basta digitare il nostro numero di telefono che poi sarà sottoposto a una verifica inviando un apposito codice. I contatti che utilizzano Telegram saranno aggiunti automaticamente.

La condivisione di articoli di un blog con Telegram può avvenire sia via browser desktop sia via browser mobile contrariamente a WhatsApp con cui la condivisione via browser desktop è più complessa. Per poter favorire l'invio di indirizzi di nostri contenuti si può aggiungere in calce ai post un bottone che permetta una condivisione automatica e immediata senza bisogno di altre azioni.

INSTALLARE IL PULSANTE DI TELEGRAM PER LA VERSIONE DESKTOP DI BLOGGER


Dopo aver salvato il template si va su Modello -> Modifica HTML e si cerca la riga

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

quindi si scorre verso il basso fino a trovare l'altra riga

<div class='post-footer'>

e subito sopra a questa si incolla questo codice

<!--Pulsante Telegram - Inizio--> 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'> 

<div style='text-align:center; margin-top:5px; margin-bottom:5px;'> 
<a href='https://telegram.me/share/url?url=' onclick='window.open(&apos;https://telegram.me/share/url?url==&apos;+encodeURIComponent(location.href)+&apos;&amp;bodytext=&amp;tags=&amp;text=&apos;+encodeURIComponent(document.title));return false;' rel='nofollow' style='text-decoration:none;' title='Invia con Telegram'><img src='https://lh3.googleusercontent.com/-qZJ_rIlwSBQ/V-4bEvt5OQI/AAAAAAAA4aY/FZUPS6si1SAqU_Iqh2reTn2o0AeF-7wLgCHM/s720/telegram-icon.png' style='height:46px; width:46px;'/></a>
  </div>
</b:if>
</b:if>

<!--Pulsante Telegram - Fine -->

Si salva il modello. Si può incollare il codice anche sotto tale riga o sopra o sotto all'altra riga

<div class='post-footer-line post-footer-line-1'>


La scelta dipende anche da tutti gli altri elementi che sono stati inseriti in quella posizione. Le quattro righe evidenziate di giallo sono i tag condizionali per mostrare il bottone solo nei post e non nelle pagine statiche. Le righe evidenziate di verde servono per il posizionamento e i margini (center può essere sostituito da right o left con ovvio significato). L'URL colorato di rosso è l'icona che ho scelto da IconFinder che può essere sostituita da un'altra e di cui possono essere modificate le dimensioni (46x46 pixel). L'icona di Telegram può anche essere aggiunta ad altre icone già presenti nel nostro modello.

telegram-blogger






INSTALLARE IL PULSANTE DI TELEGRAM NELLA VERSIONE MOBILE DI BLOGGER


Si va sempre su Modello -> Modifica HTML e si cerca la riga

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

quindi si scorre verso il basso fino a trovare la riga

<div class='post-footer'>

e, subito sopra a questa, si incolla questo codice 

<!--Pulsante Telegram - Inizio--> 
<div style='text-align:left; margin-top:3px; margin-bottom:3px;'>
<a href='https://telegram.me/share/url?url=' onclick='window.open(&apos;https://telegram.me/share/url?url==&apos;+encodeURIComponent(location.href)+&apos;&amp;bodytext=&amp;tags=&amp;text=&apos;+encodeURIComponent(document.title));return false;' rel='nofollow' style='text-decoration:none;' title='Invia con Telegram'><img src='https://lh3.googleusercontent.com/-qZJ_rIlwSBQ/V-4bEvt5OQI/AAAAAAAA4aY/FZUPS6si1SAqU_Iqh2reTn2o0AeF-7wLgCHM/s720/telegram-icon.png' style='height:32px; width:32px;'/></a>  
</div>
<!--Pulsante Telegram - Fine -->

quindi si salva il modello. Rispetto alla versione desktop mancano i tag condizionali ma sono ancora presenti i parametri per il posizionamento e per la scelta della icona e della sua dimensione.

condivisione-post-telegram

Toccando l'icona di Telegram da mobile la prima volta si dovrà scegliere l'app Telegram per aprire il link quindi, dopo aver selezionato il contatto, verrà mostrato il Titolo del post da condividere insieme al collegamento. Concludo ricordando che è possibile installare anche un bottone di Skype.


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.
Info sulla Privacy