Pubblicato il 27/04/11e aggiornato il

Come inserire il pulsante Send (Invia) in un blog su Blogger senza il Mi Piace.

Ho appena illustrato come installare il bottone Invia nel modello di Blogger per poterlo visualizzare in tutti i post in modo da dare la possibilità ai lettori di condividere l'articolo con singoli amici o con un gruppo. Si può inserire nel blog il pulsante Invia anche a prescindere dal Mi Piace per poterlo collocare per esempio in una diversa posizione.

Si deve creare l'applicazione di Facebook per il blog e ottenerne l'ID come illustrato nel post sul Like + Send. Nel momento in cui scrivo questo post non è ancora possibile utilizzare la lingua italiana. Quindi per adesso il bottone sarà visualizzato come Send. L'esperienza dell'anno scorso con il passaggio dal Like al Mi Piace mi fa ritenere che ci vorranno solo pochi giorni per avere anche la versione dello script localizzata in italiano perfettamente funzionante. Sarà mia cura aggiornare il post quando questo accadrà.

Si va su Design > Modifica HTML e si salva il modello completo per un eventuale backup di ripristino. Dopo aver messo la flag a espandi modelli widget, si cerca la riga </body>. Subito sopra si incolla il codice 

<!-- FACEBOOK XFBML INIZIO -->
<div id='fb-root'/>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: &#39;187764627936739&#39;, status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement(&#39;script&#39;); e.async = true;
    e.src = document.location.protocol +
      &#39;//connect.facebook.net/it_IT/all.js&#39;;
    document.getElementById(&#39;fb-root&#39;).appendChild(e);
  }());
</script>
<!-- FACEBOOK XFBML FINE -->

Dove al posto del numero evidenziato di rosso si mette l'ID della nostra applicazione. La lingua en_US dovrà essere sostituita da it_IT solo quando lo script sarà funzionante anche in italiano. Per l'installazione del pulsante si possono scegliere la posizione che più ci piace. Se si sceglie la parte finale del post, bisogna cercare la riga

 <data:post.body/>  oppure il blocco

<div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

e incollare il codice del bottone subito sotto. Alternativamente si può incollare subito sopra a

<div class='post-footer'>

Il codice del pulsante Invia o Send è

<!--FACEBOOK INVIA INIZIO-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://connect.facebook.net/it_IT/all.js#xfbml=1'/><fb:send expr:src='data:post.url'/>
</b:if>
<!--FACEBOOK INVIA FINE - http://www.ideepercomputeredinternet.com -->

dove per en_US vale il discorso fatto in precedenza. Si salva il modello. Quando un visitatore cliccherà sul pulsante, vedrà aprirsi una finestra

pulsante invia send di facebook

Saranno visualizzati i suggerimenti sugli amici a cui inviare l'articolo non appena si inizia a digitarne il nome. Nel secondo campo si inserisce il messaggio quindi si clicca su Send. Quando sarà disponibile la lingua italiana sarà sostituito da Invia. Dopo averci cliccato sopra, ci sarà anche la notifica che la spedizione del post con il messaggio è andata a buon fine

invia post blogger facebook

Aggiornamento: Adesso è possibile sfruttare pienamente la lingua italiana. Alla stringa en_US sarà sostituita it_IT e i pulsanti della finestra popup appariranno in italiano

pulsante facebook inviaSi vedrà cioè Invia al posto di Send. Update effettuato come da promessa fatta nella prima pubblicazione dell'articolo.





12 commenti :

  1. Sarebbe bello se si potesse mettere nel box dei commenti vicino al pulsante "Mi Piace"...

    RispondiElimina
  2. @Maxso Guarda che si possono mettere uno accanto all'altro. Leggi qua
    http://www.ideepercomputeredinternet.com/2011/04/installare-il-pulsante-invia-o-send-in.html

    RispondiElimina
  3. Lo il problema è che non si può togliere il "Mi Piace" dal box dei commenti...

    RispondiElimina
  4. Ho seguito scrupolosamente quanto hai scritto, me lo ha istallato, ma il problema è che mi dà un numero assurdo (sempre uguale per tutti i post) di persone a cui "piace questo elemento". Come si può far risultare il numero giusto di persone che effettivamente cliccano un post? Grazie per la risposta.

    RispondiElimina
  5. @Graziano
    Questo è il pulsante Invia e non il Mi Piace. Si possono installare tutti e due i bottoni contemporaneamente seguendo questo tutorial
    http://www.ideepercomputeredinternet.com/2011/04/installare-il-pulsante-invia-o-send-in.html

    RispondiElimina
  6. ciao ernesto
    volevo sapere come mai che non mi pubblica il post
    ma la homepage???
    su ogni post se faccio invia
    a me mi manda solo la home page
    grazie

    RispondiElimina
  7. @denny
    Forse perché hai inserito l'URL della tua Home al posto di questa stringa
    <fb:send expr:src='data:post.url'/>

    RispondiElimina
  8. assolutamente no!
    ho messo i codici come sono qui
    senza modificare nulla
    ma buh non capisco

    RispondiElimina
  9. Non so che dirti, sono i misteri di Blogger

    RispondiElimina
  10. sai cose?
    che se fai invia senza aprire il post
    direttamente da homepage
    mi invia la homepage
    invece se apri il post si invia il post singolarmente
    forse da homepage non funziona

    RispondiElimina
  11. @denny
    Adesso ho capito! Hai inserito il pulsante senza i tag condizionali! E' evidente che se clicchi quando nel browser c'è l'indirizzo della homepage ti condivide quella. Non c'è nulla che non funziona. Semplicemente si possono solo condividere gli URL della pagina corrente.

    RispondiElimina
  12. ora ho fatto in modo che il tasto mi piace
    pare sia su homepage e sia nella apertura del post
    invece il tasto invia compare solo quando si apre il post,,
    kmq grazie mille

    RispondiElimina

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.