Utilizzando questo sito accetti il nostro uso dei cookie. Approfondisci

Come inserire i pulsanti Mi piace, Google +1 e Tweet su una sola riga

Come inserire i pulsanti Mi piace, Google +1 e Tweet su una sola rigaI pulsanti dei social network sono diventati davvero importanti per la vita di un blog, l’utente è sempre più propenso a condividere un buon post con i propri amici senza fatica grazie ai pulsanti “sociali”.
In un blog, anche la grafica vuole la sua parte, avere i pulsanti uno sopra l’altro non è per nulla bello se questi vengono messi a fondo post, ma la cosa migliore (a mio parere) sarebbe disporre i pulsanti Mi piace, +1 e Tweet tutti su un’unica riga.
Per fare ciò ho preparato una struttura che mostra i pulsanti su una sola riga e nelle dimensioni medie (quella di un normale tasto Mi piace di facebook per intenderci). Basta copiare e incollare questo codice nella zona del blog dove vuoi che compaiano, ma dovrai avere a disposizione circa 410px in larghezza, altrimenti i pulsanti potrebbero disporsi su più righe.
La struttura mostrerà i pulsanti nel seguente ordine: Mi piace – Tweet – +1


Per prima cosa (solo se non è stato già fatto in precedenza) occorre copiare e incollare questo codice prima della chiusura del codice </head> del codice html del tuo post (se usi wordpress lo trovi in header.php), che serve per il pulsante +1 di Google:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">
  {lang: 'it'}
</script>

Ora arriva il codice vero e proprio che mostra i pulsanti su un’unica riga:

<div style="float:left;"><script src="http://connect.facebook.net/it_IT/all.js#xfbml=1"></script><fb:like href="<?php the_permalink(); ?>" width="170"  layout="button_count"  send="true" font=""></fb:like>
</div>

<div style="float:left;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="tuo-username-twitter" data-lang="it">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

<g:plusone size="medium"></g:plusone>
</div>
<br clear="all"/>

Analizziamo la struttura:

  1. viene inserito il pulsante mi piace di facebook all’interno, con float a sinistra. E’ impostato per visualizzare il pulsante send (se vuoi disabilitarlo metti send=”false”), e viene definita la larghezza width=”170px” per mantenere una distanza fissa dal tasto che lo segue, altrimenti la prima volta che viene premuto il Mi piace, esce il numero del conteggio dei mi piace e va a sovrapporsi al pulsante che lo segue (in questo caso il tasto tweet).
  2. viene creato un nuovo div e viene inserito sia il pulsante tweet, sia il pulsante +1. Questo perchè il pulsante +1, normalmente assume una posizione più alta rispetto agli altri due pulsanti, ed inserendolo nel div assieme al tweet si posiziona alla stessa altezza (o almeno così è successo con me). Nel pulsante tweet devi sostituire tuo-username-twitter con… il tuo username di twitter :)
  3. il br finale serve per annullare tutte le proprietà float, così da non scombussolare gli elementi successivi.

Che te ne pare?


VUOI CREARE IL TUO SITO O BLOG WORDPRESS?

Scegli uno tra i migliori hosting per WordPress

HOSTING

Scegli uno tra i migliori hosting per WordPress

Hosting

Scegli uno tra i migliori temi WordPress professionali

GRAFICA

Scegli uno tra i migliori temi WordPress professionali

Grafica

Guide e risorse per gestire il sito WordPress a 360°

GESTIONE

Guide e risorse per gestire il sito WordPress a 360°

Gestione

EMAIL NEWSLETTER

Vuoi ricevere i miei ultimi articoli
comodamente nella tua email? È gratis!
Ben 3552 persone lo stanno già facendo!
Anonimo
   
con le dita sempre in costante, frenetico movimento sulla tastiera… vengo spesso trascinato e catturato “in rete” per colpa delle mille idee che mi girano per la testa (prima o poi troverò quella giusta)… dal futuro incerto (nonostante una laurea, e chi non lo è?..siamo in tanti!) .. credo fortemente nella condivisione della conoscenza!
115 Commenti
  • Roberto

    In blogger non capisco dova va inserito il secondo codice e se bisogna espandere o meno il modello. Non è molto chiaro! :(

    • Roberto

      non ho mai usato blogger, quindi non so il file preciso. Comunque, il primo codice lo devi inserire nel file dell’header, devi trovare qual’è il file dove si trova l’head. Poi l’altro codice lo puoi aggiungere dove vuoi (ma sempre nei file .php che generano le tue pagine), solitamente sopra/sotto il codice che mostra l’articolo.
      Il modello lo copi e incolli semplicemente, però devi trovare la giusta posizione dove inserirlo (leggi la riga appena sopra).

  • Pietro

    Al prossimo restyling …lo metteremo in cantiere!

  • Belisma news

    Grazie, hai risolto un mio problema!
    Non è che appesantiscono pagina tutti questi javascript?
    Io avevo provato con gli script share ed erano talmente pesanti che bloccavano i banner Adsense. Purtroppo il mio sito sta su un server condiviso e quindi è pesante di suo.
    Ora ho tolto tutto, cercando di mantenere il mio blog super leggero.
    Magari riprovo con i pulsanti che hai suggerito tu, non dovrebbero dare problemi, spero!

  • Belisma news

    In risposta al mio precedente commento:ottima soluzione, grazie!
    Ho messo i codici nei miei siti, vanno benissimo!
    Ciao.

    • Roberto

      Ottimo, infatti sono solo i codici standard forniti dai social network, quindi sono già ottimizzati e leggeri.

  • Tissy

    Ciao, una domanda un po’ OT (Come mio solito :P) anche se non più di tanto in fondo :)
    Ultimamente facebook ha cambiato qualcosa nelle API e ogni volta che qualcuno fa un like di un mio post viene creata una fan page su facebook. Così oltre alla fan page ‘ufficiale’ che ho creato e che ha circa 300 like, me ne ritrovo decine di altre con 3 o 4 like l’una. Cosa terribile e ingestibile. Come posso evitarlo? :)

    • Roberto

      non avevo ancora sentito di questa cosa losca di facebook, mi puoi mostrare qualche esempio? Ho provato a mettere Mi piace su una tua pagina ma sulla mia bacheca viene mostrato il post che linka al post originale… quindi presumo che solo tu possa vedere le fan page, oppure no?

      • Tissy

        ad esempio
        https://www.facebook.com/pages/Io-lho-visto-unutile-applicazione-per-segnalare-i-cani-abbandonati-in-autostrada/224095700959773

        oppure

        https://www.facebook.com/pages/Come-tornare-alla-vecchia-chat-di-Facebook/101503863283473

        insomma una cosa terribile :)

      • Tissy

        effettivamente ho chiesto a un mio amico e lui non riesce a vederle…quindi le vedo solo io sembrerebbe…. e allora a che serve? a parte a rompermi le scatole quando clicco su use facebook as a page e me le fa vedere tutte, anziché solo la mia…

        Ma a te questa cosa non succede?

  • Tissy

    però se guardi nel tuo profilo facebook, su info e scorri tra le pagine a cui hai fatto like dovresti ritrovarti tutti i miei post sui quali hai fatto like come se fossero tanti siti diversi

    • Roberto

      E’ vero, la vedo come se fosse un mi piace ad una pagina! Davvero molto strano.
      Come hai inserito il codice del pulsante? Mi sembra tramite il plugin Facebook Like Button… Magari è solo un problema del plugin, prova ad inserirlo manualmente, trovi il codice sulla pagina social plugin developer… Inoltre ti ho visto che nel tuo codice manca un pezzo, l’app_id, il mio codice IFRAME (in verità io uso XFBML) è del tipo: like.php?app_id=XXXXXXXXXXX&href=http%3A%2F%2Fwww.robertoiacono.it … Prova a vedere se riesci a sistemare questo, magari il problema è proprio qui.

  • Giochi MMO

    Ottimo, grazie.

    • Roberto

      Prego

  • gabriela

    Ciao non riesco kmq a visualizzare il pulsante +1, sarà perche non ci sono iscritta? e non ho neanke la gmail? D: kmq molto utile lo stesso ZD

    • Roberto

      Quando fai una normale ricerca su google, vedi il pulsante +1 per ogni risultato?
      Se la risposta è no, è il tuo browser che non lo visualizza, quindi prova ad aggiornare la versione o cambia browser.

      La visualizzazione non dipende dal fatto che tu sia iscritta o meno al mondo di google.

  • paolo

    ciao, grazie per questo articolo, è molto utile; una cosa però, come faccio a far visualizzare questi pulsanti solo quando si clicca nel post? perchè me li visualizza anche nella home page!

    il codice è stato incollato sotto

    grazie per la risposta!

    • Roberto

      devi usare un if:

      < ?php if ( is_single() ) : YY

      CODICE DEI PULSANTI

      < ?php endif; YY

      ATTENZIONE: sostituisci YY con ?> .
      Dovrebbe funzionare (al momento non posso testarlo). Fammi sapere.
      Per maggiori informazioin ti rimando al function references del is_single.

  • DailyBlog24

    Buongiorno e grazie per la guida, ho un problema su un template, come faccio a mettere i pulsanti alla fine dei post? Me li visualizza solo all’inizio degli articoli….

    • Roberto

      se mi indichi una pagina dove lo vuoi inserire, ti dico più o meno dove andarlo a mettere

      • DailyBlog24

        Ciao, nei post di questo sito, che è di un’amico e non sono riuscito a metterli in basso: newscalabria.com

        • Roberto

          Allora, li puoi mettere prima di:
          1. p class="tags" se li vuoi inserire prima dell’elenco dei tags
          oppure dopo:
          2. div class="entry" se li vuoi inserire prima del riquadro grigio

          questi codici li trovi in single.php oppure in loop.php solitamente… fammi sapere

  • DailyBlog24

    Ciao Roberto,
    Tutto OK :-) Ho inserito il codice:
    p class=”tags” se li vuoi inserire prima dell’elenco dei tags
    Ps: devo fare dei lavoretti sul mio di Template, ti contatto in privato?
    Grazie.

    • Roberto

      Sono contento per te!
      Sì, contattami pure in privato: info@robertoiacono.it o alla pagina Contattami

  • MArco

    Ciao roberto, ho messo il codice con tutti i pulsanti tweet, google e facebook pero’ non riesco ad abbassarli o cmq spostarli con i parametri X – Y , perche’ non so che codice mettere per spostarsi in tal senso….resto in attesa di notizie.

    • Roberto

      Ciao Marco,
      per spostare i pulsanti, agisci sul div, ovvero il contenitore dei pulsanti. Basta aggiungere un po’ di codice css dentro a style=”float:left;” … ad esempio, potresti aggiungere del margine sotto e sopra i contenitori, tramite “margin:10px 0 10px 0;” , che va inserita sempre in style=” … “. Il risultato è: style=”float:left; margin:10px 0 10px 0;” … se li vuoi spostare a destra, basta che aumenti il margine sinistro modificando l’ultimo 0, tipo: “margin:10px 0 10px 20px;”.
      Questi codici li devi inserire in entrambe i div (sono due). Fammi sapere…

  • MArco

    Perfetto roberto, ho appena risolto quello!!!
    Ma se vedi sul sito ci sono i tasti AAA per scegliere la grandezza del font che non riesco a sistemare proprio sopra la struttura del sito…sopra l’header….e avrei anche altre cose da sistemare scusami ma e’ il mio primo sito…su wordpress…forse e’ meglio che ti contatto in privato per risolvere le altre cose…se per te non e’ un disturbo….

    grazie anticipate!

    Marco

  • Naroku95

    Articolo veramente molto interessante!

  • crociere tutto l´anno

    Hai disposto i tasti in ordine di importanza? Dunque ritieni che la condivisione su Facebook sia quella più rilevante?

    • Roberto

      No, non sono in ordine di importanza… ritengo che il più importante sia quello di Google! Avrà un peso fortissimo nel futuro!

  • natascia

    io ho tentato più volte di incollare il tutto nella pagina html ma viene inserito solo il pulsante twitter, come posso fare per risolvere la questione?
    vorrei inserire tutto nella home page ma non viene inserito
    grazie Natascia

    • Roberto

      Ma te hai già altri pulsanti inseriti?
      Mi scrivi il link della pagina dove hai inserito i codici così controllo?

  • Riccadinho

    Molto utile, ormai senza questi pulsanti il sito viene “tagliato fuori dal mondo” Grazie !

    • Roberto

      Prego :)

  • Lio

    Ciao Roberto, ti ho beccato dal Canada!!
    Ok, cercavo appunto una soluzione di questo tipo, ma questa e’ solo una parte del mio problema. Io vorrei anche capire come dire al comando “share” di condividere esattamente quanto e’ scritto nel div ID in cui pongo il comando.
    Cerco di spiegare visto che ormai sn gioni che impazzisco a cercare la risposta.
    In una pagina web condivido una serie di poesie (p.e.), ogni poesia e’ in un div class. sotto il quale era mia intenzione creare un altro div class (share) che contiene i pulsanti share di FB, twitter, Plus1 e un “invia via mail”.
    Ho trovato siti in cui viene fatto e ne sto controllando i codici, ma non capisco come arrivarci. O meglio riesco a farlo , ma solo condividendo la pagina quindi utilizzando i meta dati. Ma io voglio che si possa condividere la singola poesia contenuto nel div.
    Se vuoi ho un esempio di codice, ma mi sa che io sia ormai troppo vecchia per capire come fare :(
    Puoi aiutarmi?
    tks in advance

    • Roberto

      robertoiacono.it arriva fino in Canada??? :) Mitico! :)

      Il problema è che dovresti utilizzare i meta dati. “Basta” che utilizza l’Open Graph Protocol, e passi come:

      Puoi fare ciò utilizzando il plugin per l’Open Graph, e usare All in One SEO per inserire a mano ogni volta parte della poesia nel campo description. Solo che in questo modo il testo che inserirai nella description verrà visualizzato anche nei risultati sulle ricerche di Google.

      Non conosco altri metodi efficaci, mi dispiace.

      • Lio

        Ciao ROberto :)
        si’, arrivi fino in Canada!!! Ho provato a guardare i link che mi suggerisci, ma sono sempre legati (come del resto la quasi maggioranza delle risposte nel web) a WordPress (altri per Blogger o simili). Il mio sito lo ho fatto pezzetto per pezzetto imparando un pochino ad usare Dreamweaver, imparando un po’ di Html e i CSS. Quindi non posso usare i vari pack o widget per WordPress (salvo che nel blog interno al sito). Ovviamente utilizzo i meta data, ed il problema e’ proprio quello: vengono letti quelli e non quelli delle poesie singole. In effetti nel codice del sito che ho trovato, esiste un ID numerico che pero’ non so da dove sbuchi :(.
        E qui non ho proprio nessuno cui chiedere un aiuto: il guru qui sono solo io :'(
        Any idea?
        Grazie della risposta comunque.

        • Roberto

          Vedo che nelle pagine delle poesie, c’è sempre la stessa description, title e keywords, non va bene ai fini dell’indicizzazione.
          La cosa più semplice è, se hai creato manualmente tutte le pagine in html e se non usi php per creare l’header uguale per tutte le pagine, di cambiare manualmente il contenuto della description con quello che vuoi te. (la stessa cosa va fatta per il title e le keywords)….

          Come hai creato le pagine?

          • Lio

            Ciao ROberto!
            Le pagine le ho create con Dreamweaver, le keywords devo cambiarle, sono ancora quelle del vecchio sito. Ma anche cambiandole non risolverei il problema in quanto resterebbe cmq lo stessp per ogni share. I titoli sn diversi per ogni pagina, ma cmq se nella pagina ci sono diversi contenuti il problema resta :(
            Mi hanno detto che potrei risolvere il problema in due modi:

            “ammettiamo di avere la poesia in una div con id miapoesia01 ed un link con id miolink01
            testo della poesia
            Facebook
            //in javascript
            poesia=document.GetElementbyId(‘miapoesia01′).inne rHtml;
            //comporngo l’url della pagina facebook
            url=urlfacebookdasostituire+”/share.php?u=”+poesia;
            //redirigo verso quella pagina
            document.location.href=url;
            Con questo esempio dovresti risolvere occhio che il codice va tra i tag script e non è testato ci potrebbero essere dei problemi con il camel case di javascript ma come esempio ti serve per capire come fare a creare un link con la tua poesia”
            o
            “gestisci i testi con un database, avresti per ciascuno un id univoco che è quello che lo identifica nel db e ti permette di recuperarli con del codice dinamico in php per popolare i tuoi div…e così anche per lo share.’

            Ma per me e’ scritto in turco :( e non so proprio che pesci prendere…..
            Grazie di tutto comunque
            Lio

          • Roberto

            Ok, è scritto in Dreamweaver, ma quindi hai una pagina per ogni poesia?
            Ad esempio hai 10 poesie, vuol dire che hai 10 pagine .html con la possibilità di modificare l’header di ognuna oppure utilizzi un header per tutte?

          • Lio

            Ciao Roberto, i nostri orari sono veramente distanti! No, non ho una pagina per ogni poesia, quando feci il sito non presi nemmeno lontanamente in considerazione di usare WP. Oggi sarebbe tutto piu’ facile. Il mio sito e’ liosite.com e puoi vedere che le pagine contengono piu’ poesie o aforismi altrimenti sarebbe una pena leggerle …..L’head delle pagini e’ circa lo stesso per tutti se parli dei metadata, l’header e’ sicuramente lo stesso. Sono state delle persone che lo hanno visitato che mi hanno detto sarebbe stato bello potere condividere su FB la singola poesia, ma io nn sono capace :(
            Ho trovato un sito che lo fa, ma anche studiando il codice non riesco a farlo.
            Un’altra cosa: perche’ se applico il codice di cui parli nell’articolo, il W3C non mi valida piu’ la pagina?
            Grazie e magari potrei chiederti un aiuto “professionale” visto che ho letto il tuo “Chi sono”.

          • Roberto

            Eh, se non puoi personalizzare i meta dati per ogni singola poesia la vedo dura… l’unico modo che conosco e che funziona al 100% è quello dei meta dati come ti ho suggerito…. mi dispiace ma non mi vengono in mente altre soluzioni.

            Il W3C che errori ti dà? Oggi il codice di FB è cambiato, puoi utilizzare anche l’html5, guarda su social plugin.
            Scusa se ho pubblicato solo ora il commento ma non ho avuto modo di star dietro al blog in questi giorni.
            Contattami in privato e vedo se e come posso esserti utile, ciao :)

  • Paolo

    Ciao, ho inserito il codice ma, non si visualizza il numero di “mi piace” dopo il pulsante facebook e nemmeno il pulsante Google viene visualizzato.
    Grazie Paolo

    • Paolo

      risolto grazie

      • Roberto

        Come hai risolto? Potrebbe servire a qualcun altro

        • Paolo

          Ciao, semplicemente il conteggio si attiva cliccando una volta su mi piace, c’era scritto nel tuo articolo ma me lo ero perso…. per il pulsante google + non funziona quando fai girare il sito in locale, ma una volta che è in rete va tutto alla grande.
          Ciao

  • Bel Blog…

    Ho trovato l’articolo molto interessante,grazie per averlo pubblicato!…

  • Wik

    Ciao Roberto, grazie l’ho messo anche nel mio sito!
    E sono proprio un brocco coi codici (uso ancora Frontpage!!!).
    Grazie
    Wik

    • Roberto

      Ah ah :)
      Complimenti!

  • Rocco

    Ho provato ma non funziona. Non mi legge i codici in HTML. Forse perchè sono in una piattoforma ospitante?
    Inoltre vorrei aggiungere i pulsanti stampa, pdf, e invia
    Grazieper la risposta.

    • Roberto

      E’ solo un codice javascript, dovrebbe poter andare dappertutto….

      Per i pulsanti che hai chiesto, cerca su Google “print friendly and pdf wordpress”, è il primo risultato

  • Rocco

    Grazie per la risposta.
    Purtroppo non mi accetta il Javascript. Solo HTML, non so quale versione. Ma nion utima certamente Essendo il mio Blog ospitato presso una piattaforma rete che usa WordPress non posso accedere a tutti gli strumenti. Quali l’aggiornamento dei plug in ovviamente.
    Se eventualmente conosci qualcosa in codice HTML…
    Grazie ancora.

    • Roberto

      Se non puoi far andare javascritp, puoi far ben poco purtroppo…
      Anche senza plugin, il codice per i pdf ecc è sempre in javascript, mi dispiace.

  • Seth Gonzo

    Ciao è un articolo molto interessante, ho provato i codici su Blogger e la visualizzazione è ok. Purtroppo però tutti e 3 i pulsanti fanno riferimento al sito per intero e non al singolo post anche se vengono visualizzati sotto ogni singolo post. Volevo chiederti se c’è un sistema per collegare i 3 pulsanti ad ogni singolo post e non al sito per intero. Grazie

    • Roberto

      Ciao,
      ti ringrazio!

      Se non inserisci l’url, tutti i pulsanti saranno collegati alla pagina dove si trovano, quindi se visualizzi i pulsanti in homepage, saranno collegati in home, se li visualizzi nei post, saranno collegati al post.

      • Seth Gonzo

        Grazie mille per la tua celere risposta. Puoi dirmi in che parte della stringa va inserito l’url del post? Ho provato a inserire la tua procedura all’interno del codice html del post e funziona ma si collega ai tasti della home page creando un tutt’uno anche se tecnicamente il sito ha un link diverso da quello dei vari post.

  • Seth Gonzo

    adesso ho capito !! ora sul mio sito funziona alla grande, grazie dei suggerimenti :-)

    • Roberto

      Benissimo!

  • serena

    Ciao roberto,
    il tuo post è davvero utilissimo, ma ho una grossa richiesta da farti:
    come faccio ad inserire questa riga di bottoni accanto alla DATA del post su blogger? non riesco a trovare la riga giusta di inserimento…..
    vorrei prendere a riferimento l’allineamento di questo sito, http://www.machedavvero.it/,
    e se possibile inserire pure il “pin it”. Puoi aiutarmi? GRAZIE!

    • Roberto

      Ciao Serena,
      ti ringrazio!

      Per blogger non l’ho mai usato… dovrai cercare la sezione che mostra la data, ed inserire il codice javascript la dentro (se permette l’inserimento di codice javascript).

      Per il pulsante pin it, qui trovi la pagina.

      • serena

        grazie mille! cercherò quella riga! 😉

  • saver71

    Grazie Roberto, sempre gentilissimo e prezioso. Un caro saluto.

    • Roberto

      Prego e grazie a te. ciao :)

  • Roberto

    Ciao.
    è possibile togliere il riquadro che compare per la condivisione dopo aver cliccato mi piace?

    grazie ciao

    • Roberto

      Che io sappia no, ma prendi questa frase con le pinze…

  • Niccolò

    ciao, innanzitutto grazie per l’articolo. i pulsanti li ho inseriti nel mio blog di wordpress e funzionano egregiamente.L’unica cosa, però, che non sono riuscito a capire neanche dai commenti è questa: in pratica, io visualizzo i pulsanti solo sotto ogni post singolo del mio blog (ho inserito il tuo codice in single.php), mentre sulla home no. Invece vorrei visualizzarli anche NELLA HOME sotto ogni SINGOLO post (e non per condividere il sito intero o comunque la home interamente)…. come faccio?
    Il blog è dentro un dominio, quindi ho la massima possibilità di modifica di ogni file.

    • Roberto

      Grazie a te Niccolò :)
      Allora, se devi inserire il codice anche dopo il codice che mostra il post in homepage, quindi:

      – fai un piccolo backup dei file che andrai a modificare (home.php e single.php)

      – identifichi il codice che mostra il post in home, solitamente è in home.php, oppure anche in single.php (ma ci sono degli “if” che dicono se mostrare il codice nella home o nei post)

      – ci incolli appena dopo il codice dei pulsanti

      – aggiorni

      – torni qui per dare un feedback sul risultato :)

      • Niccolò

        mmmh, ho provato a inserirli nel file home, ma me li mette o prima dei post o dopo a fine pagina, e non su tutti i post….siccome non sono molto esperto con l’html, se ti passo i 2 file in privato potresti indicarmi dove devo metterli?

        • Roberto

          Scusami ma non credo di riuscire a guardarteli, ma prova a mandare che non si sa mai :) Però non avere molte speranze :)

          • Niccolò

            non sono molto “lunghi” da leggere, te li passo, poi vedi tu!

  • Saverio

    Ciao,
    ho provato a seguire i tuoi consigli. Una domanda.
    Attualmente uso il plugin “Social Ring” e quando condivido su Twitter viene riportato solo il nome dell’articolo, seguito dal link. Se uso il codice indicato da te, oltre al nome dell’articolo mi viene riportato anche il titolo del sito, cioè “Cogitoetvolo – Un luogo comune senza luoghi comuni… “, quindi una scritta lunghissima seguita sempre dal link.
    C’è modo di far apparire solo il titolo dell’articolo, come fa il tasto Twitter di Social Ring?

    • Roberto

      Ciao Saverio, bella domanda,
      vai su twitter.com/about/resources/buttons#tweet , poi seleziona l’opzione “dai un’occhiata a questo sito” dove c’è “Testo del tweet” e lasciala in bianco… secondo me funziona, fai una prova a facci sapere…

      Ciao

  • Saverio

    Niente da fare, mette sempre il titolo dell’articolo completo del titolo del sito. Ho dato un’occhiata al codice del plugin e ho visto che in data-text mette la variabile del Titolo dell’articolo. Ma quello è un file PHP e non ci so mettere le mani…
    Domani lo vedo col programmatore

    • Roberto

      Aspetta, hai dato uno spazio quando lasci bianco il campo “Testo del tweet”? Così nel codice del pulsante compare: data-text=”” … senza nessuna variabile php

      • Saverio

        Sì, ho dato uno spazio e il codice è come dici tu, cioè data-text=””. Solo che così quando condivido compare solo il link dell’articolo, senza titolo.

  • Felice Guerriero

    Invece il tag author come si può inserire? Google plus lo riconosce automaticamente? Non sono riuscito a trovare tantissime info sull’argomento.

    • Roberto

      Cosa intendi? Inserire il tag author dove? Non credo che tu intenda nei pulsanti di condivisione…

  • Walter

    Ciao Roberto , il pulsante google+ non rimane in linea , va a posizionarsi sotto il pulsante twitter. Come posso fare? Ecco il link.

    waltercavallaro.eu/?page_id=11

    • Walter

      Tutto ok , risolto così :

      Tweet

      • Roberto

        Benissimo :) Grazie

  • Federico

    Articolo utilissimo, grazie Roberto. Ho solo una domanda in merito ai contatori dei click accanto ai pulsanti: nella mia pagina rimangono sempre a 0, come mai?
    Ciao e grazie.

    • Roberto

      Hai controllato che l’URL a cui punta il pulsante sia corretto?

  • Antonello

    io non capisco come mai questo codice se lo creo dal sito di facebook non me lo vede una volta inserito nel sito mentre se lo prendo da voi che lo postate con la spiegazione funziona. Come bisogna fare ?

    • Roberto

      Magari il nuovo codice ha bisogno di qualche pezzo in più da aggiungere… ricontrolla meglio

  • Luca

    Prima di tutto, grazie! Ho cercato di allineare i bottoni per un sacco di tempo senza mai riuscirci in modo decente.
    Purtroppo ho due problemi che ti prospetto (premesso che uso la piattaforma di MyBlog).
    – il primo è che dopo aver inserito lo script la home page non si scarica più completamente lasciando il colore di fondo (rosa) e non il bianco come avveniva precedentemente nei post e nelle colonne laterali. La cosa più curiosa è che invece se vado sul link permanente del singolo post la pagina scarica i fondi in modo corretto.
    – il secondo è che per g+ i totali che mi appaiono sotto il titolo di ogni post sono diversi da quelli che indica g+ dello stesso post visto però dal link permanente.
    Spero tu abbia tempo per dare un’occhiata e magari darmi un suggerimento. Grazie in ogni caso.

    • Roberto

      Il primo punto ovviamente è un problema di codice (sembra che manchi una chiusura di qualche tag, oppure che il codice è stato inserito nella posizione sbagliata).
      Il secondo punto, non mi è molto chiaro…

      • Luca

        Grazie! Sempre puntuale nelle risposte. In effetti era un problema di codice (che ho risolto). Per quanto riguarda il secondo punto: trovo una differenza nei conteggi di g+ che vedo per ogni nella pagina home e quelli che vedo nella pagina del singolo post. Ad esempio nel post “Il Teatro scolpito” in home ho g+ 5 nella pagina specifica del post (link permanente) ho g+ 10! Mistero di g+?

        • Roberto

          Gran bel mistero allora :)
          Controlla bene i link a cui sono collegati i pulsanti, devono essere gli stessi… altrimenti, il mistero continua 😉

  • anna

    ciao. a me il pulsante di tweed appare leggermente spostato verso sotto… come posso fare?

    • Roberto Iacono

      Ciao, devi dare un margine negativo al div che contiene il pulsante, ovvero:


      ?div style="float:left;margin:-10px;"!
      codice del pulsante di Twitter
      ?/div!
      ?div style="float:left;"!
      codice del pulsante di Google+
      ?/div!

      (devi sostituire ? con il simbolo del minore , e ! con il simbolo del maggiore )

  • Federica R.

    Ciao, molto utile questo post! Ho un piccolo problema però.. praticamente li ho inseriti ma il contatore dei “mi piace” di facebook parte già da 10! Come posso risolvere?

    Graziee

    • Roberto Iacono

      Non puoi cambiare il valore del contatore, a meno che tu non cambi l’URL del post, in questo caso ripartirà da zero.

  • Angelo C.

    Ho usato la stringa in un post. L’ho usata in un post successivo e anche a me i “mi piace” di Facebook partono già da 10. Com’è possibile? Qual è il codice html che devo aggiungere sotto ogni post?

    • Roberto Iacono

      Io l’ho provato oggi in locale e i contatori mi partono da 0. Non è che la tua pagina è semplicemente già stata condivisa 10 volte?
      Oppure il contatore uguale a 10 ti compare in ogni pagina?

  • Angelo C.

    In ogni nuovo post, il contatore adotta le visite del post precedente. E parte da lì. In questo momento è 12 condivisioni Fb sia nel post in alto in home Page, sia in quello precedente.
    Come dire (secondo me): il contatore segna la condivisioni dell’intero sito, non di ogni singolo post. Forse. Se è così, qual è il rimedio?

    • Roberto Iacono

      Ok, probabilmente punta proprio al dominio. Quindi dovresti assegnare ogni pulsante alla pagina dove viene inserito, ma hai bisogno del php, quindi non lo puoi utilizzare nei plugin che ti permettono di inserire il codice a fondo articolo, ma solo se puoi inserire il codice che ti ho mostrato a mano a fondo articolo.

      Devi aggiungere nell’ href=”< ?php the_permalink(); ?>” … ho aggiornato il codice, controlla e fammi sapere.

  • Angelo C.

    Ciao, rieccomi. Ho copia-incollato il nuovo codice. Non me lo fa caricare. Dice: “Non è possibile accettare il codice Tag non funzionante: FB:LIKE specificato”.
    Per me è una lingua arcaica.

  • Cinzia

    Ciao,
    ho provato ad inserire nel mio blog (di blogger) la riga con i pulsanti per condividere su fb i post che pubblico ogni giorno. Ho seguito alla lettera tutto ma non si vedono. Da quando ho cambiato il modello con quello “dinamico” non vedo parecchi gadget che nell’altro avevo….
    PS. i bottoni dei “mi piace” li ho inseriti e si vedono gli altri no!
    Help me!!!!

    Cinzia

    • Roberto Iacono

      Ciao Cinzia,
      scusami ma non uso Blogger e non saprei come aiutarti. Prova ad inserire i codici forniti direttamente da Twitter e Google+ e vedi se si vedono, dopodichè modifichi il codice.

  • Roberto

    Ciao Roberto,
    sempre ottimi i tuoi consigli: grazie!
    Volendo aggiungere anche il pulsante di Pinterest, quale codice devo inserire?
    Grazie!

  • stefano

    ciao!
    vista la mia scarsissima conoscenza per quanto riguarda i codici, non riesco a capire in quale file devo copiare il codice riportato nell’articolo.
    puoi darmi la dritta?

    grazie!

    • Roberto Iacono

      Solitamente nel file single.php del tuo tema.

  • Antonio

    Ciao Roberto, una domanda secca: secondo te il pulsante FB è più leggero così come lo usi tu o con iframe? Grazie mille per la risposta!

    • Roberto Iacono

      Ciao Antonio,
      IFrame, ma hai meno funzionalità.

  • Sabrina

    Puoi aiutarmi ad eliminare un pulsante che si installa automaticamente sulla prima riga in ogni nuovo articolo che inserisco?
    Grazie

  • Alessio

    Ciao Roberto :)

    Se volessi aggiungere il bottone di LinkedIn, cosa dovrei fare?

    P.s. Complimenti per l’articolo!

    • Roberto Iacono

      Grazie :)
      leggi http://developer.linkedin.com/publishers

  • Tonia

    Ciao Roberto, mi sapresti dire perchè se inserisco il codice facebook in single.php non appare nel post? Grazie mille

    • Roberto Iacono

      Può dipendere da un sacco di motivi… Prova ad utilizzare il codice fornito da Facebook… Cerca “social plugin”

  • Christian

    Ciao Roberto, ho un problema che non riesco a risolvere, quando clicco sul pulsante ” Mi piace ” ,si apre sotto la finestrella con aggiungi un commento, il problema di questa finestrella e che se ne apre solo un pò, ha come larghezza la distanza che va dal tasto ” Mi piace” al tasto invio ” invia” il resto non si vede.

    • Roberto Iacono

      Probabilmente hai impostato nel codice css una dimensione fissa del contenitore del pulsante mi piace. Leggi http://www.robertoiacono.it/come-dove-modificare-wordpress/ per provare a capire come trovare questo codice (se esiste)

Seguimi

Scarica gli ebook gratuiti

Vuoi creare e gestire il tuo blog WordPress autonomamente ed in maniera gratuita?

Allora scarica gratuitamente gli ebook Blogging Box e Le 30+ cose da non fare con WordPress, inserisci la tua email qui sotto:
13584+
Scarica gratuitamente gli ebook!

Per maggiori informazioni guarda questa pagina per la Blogging Box e questa per le 30+ cose da non fare con WordPress.

Scarica gli ebook gratuiti

Vuoi creare e gestire il tuo blog WordPress autonomamente ed in maniera gratuita?

Allora scarica gratuitamente gli ebook Blogging Box e Le 30+ cose da non fare con WordPress, inserisci la tua email qui sotto:
13584+
Scarica gratuitamente gli ebook!

Per maggiori informazioni guarda questa pagina per la Blogging Box e questa per le 30+ cose da non fare con WordPress.
Unisciti agli oltre 10999 lettori
che seguono questo blog
3152
982
2251
4614