mercoledì 5 settembre 2018

Come Inserire un'icona su blogger per condividere un post su Telegram

Miniguida n. 223

di Augusto Scatolini

Senza creare bot interloquendo con Fatherbot, configurazioni su https://ifttt.com è possibile inserire un'icona (a piacere) su ogni post di Blogger per poter condividere il post (l'esistenza del post) su un canale Telegram preventivamente creato.

PREREQUISITI

1) Blog di Blogger
2) Applicazione Telegram per PC installata sul PC (Win, Lin o Mac) o versione web di Telegram https://web.telegram.org
3) Smartphone
4) App Telegram installata sullo smartphone
5) Canale Telegram (la creazione di un canale Telegram esula da questa guida)

Queta è la situazione di partenza del post senza l'icona Telegram:
Questo è quello che vogliamo ottenere:


IL CODICE

Dopo intense ricerche con Google sia in italiano che in inglese, finalmente questo è il codice HTML utile allo scopo:

<!--Telegram Share button Start-->
 <!--Created By Merelesson.com-->
<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='Condividi su Telegram'>
<img src='https://images.sftcdn.net/images/t_app-logo-l,f_auto,dpr_auto/p/3fc568a2-9b6c-11e6-913e-00163ec9f5fa/1179190609/telegram-messenger-logo.png' style='height:20px; width:20px;'/></a>
<!--Telegram Share Button End-->


volendo l'indirizzo dell'immagine icona Telegram
https://images.sftcdn.net/images/t_app-logo-l,f_auto,dpr_auto/p/3fc568a2-9b6c-11e6-913e-00163ec9f5fa/1179190609/telegram-messenger-logo.png
può essere cambiato a piacere con quello di un'altra immagine

LA POSIZIONE

Tutte le indicazioni trovate su internet relativamente alla posizione si sono rivelate non funzionanti.

Empiricamente io ho trovato questa posizione (funzionante): ovvero la riga successiva alla fine del seguente codice

 <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>

che è quello che fa apparire le icone di condivisione mostrate con la prima immagine

Per cercare, modificare e aggiungere codice HTML al Blog andare su TEMA, Modifica HTML, cliccare all'interno della pagina e attivare la ricerca con i tasti Ctrl+F


CONDIVISIONE

Una volta che abbiamo l'icona sul post (su ogni post) per lanciare la condivisione ci sono due possibilità:

1) Condividere il post direttamente dal PC cliccando l'icona Telegram e successivamente  sul pulsante Share di Telegram per PC preventivamente installato o sulla pagina https://web.telegram.org

e dopo aver fatto l'accesso a Telegram  inserendo il proprio n. di cellulare e successivamente inserendo il codice di ingresso ricevuto da Telegram sul cellulare

Peccato che questa applicazione Telegram per PC non permette di essere usata frequentemente (secondo me è un baco)
 2) Condividere il post direttamente dallo smartphone (dopo aver aperto il blog e il post da condividere) cliccando l'icona Telegram e successivamente sul pulsante Share di Telegram preventivamente installato sul celluare 

LATO UTENTE

L'utente Telgram (lato smartphone) andando sul canale (predisposto) abbonandosi o ricercandolo riceverà la notifica del post del blog appena condiviso. Cliccando sulla notifica verrà rimandato automaticamente sul post del blog in modalità internet web.

aggiornamento

se la procedura appena illustrata non dovesse funzionae perfettamente, allora si può insallare l'add-on  per Firefox Share Backported che funziona correttamente (permette anche altre numerose condivisioni)

FINE

1 commento: