X

Vuoi più Retweet? Usa il Pulsante Tweet Ufficiale

Poco pi uevo di un mese fa, ho raccomandato di usare il plugin WordPress TweetMeme per ottenere pi uevo retweet sui tuoi post.

Pochi giorni fa, Twitter ha annunciato il proprio pulsante per ritwittare. Sono gi uevo emersi diversi metodi per integrare il pulsante ufficiale di Twitter nei tuoi siti WordPress.

Plugin WordPress

Il primo plugin WordPress per il pulsante di Twitter che ho incontrato uevo stato di Blogsessive.

Plugin WordPress pulsante Twitter

Come puoi vedere dallo screenshot qui sopra, le opzioni integrano tutte le funzionalit uevo che ti aspetteresti da un plugin WordPress per il pulsante di Twitter, senza funzionalit uevo superflue. Puoi scaricarlo dal post linkato sopra.

Dopo questo, ne sono apparsi altri nella directory dei plugin di WordPress.org:

Il Metodo Manuale

Twitter ha fornito diversi modi per includere il pulsante Tweet nelle tue pagine. L'opzione pi uevo diretta uevo tramite questo modulo personalizzabile dove puoi definire il tipo di pulsante, un URL personalizzato, il testo del tweet, la lingua e gli utenti Twitter consigliati.

Diamo un'occhiata al codice che viene prodotto dopo aver inserito alcuni valori di esempio.

<a href="http://twitter.com/share" class="twitter-share-button"
data-url="http://example.com/permalink-url/"
data-text="Title of page goes here"
data-count="vertical"
data-via="themelab"
data-related="lelandf:My personal account">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Analizziamo questa riga per riga.

  • Prima riga: Fondamentalmente apre il link e aggiunge una classe CSS.
  • Seconda riga: data-url viene utilizzato per inserire un link, probabilmente il permalink del tuo post.
  • Terza riga: data-text viene utilizzato per il testo del tweet, probabilmente il titolo del tuo post.
  • Quarta riga: data-count viene utilizzato per definire il tipo di pulsante: verticale, orizzontale o nessuno
  • Quinta riga: data-via viene utilizzato per la menzione @ nel tweet, probabilmente il tuo account Twitter.
  • Sesta riga: data-related ti permette di definire un altro account Twitter con una descrizione personalizzata.
  • Ultima riga: Fondamentalmente chiude il link e aggiunge una riga obbligatoria di javascript.

Ti consiglio di giocare con il generatore di codice del pulsante per avere una migliore idea di tutte le diverse opzioni.

Inserimento in WordPress

Torniamo al codice sopra e inseriamo alcuni tag di template dinamici di WordPress per il permalink e il titolo.

<a href="http://twitter.com/share" class="twitter-share-button"
data-url="<?php the_permalink(); ?>"
data-text="<?php the_title_attribute(); ?>"
data-count="vertical"
data-via="themelab"
data-related="lelandf:My personal account">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Questo codice pu uevo essere inserito praticamente in qualsiasi file di template desideri, inclusi index.php per l'indice principale, single.php per i singoli post del blog, page.php per le pagine statiche e altro.

A scopo di styling, probabilmente vorrai posizionare il codice sopra <?php the_content(); ?> e usare qualcosa come il seguente codice CSS per stilizzarlo.

.twitter-share-button { float: right; margin-left: 10px; display: inline-block; }

Utilizzo Avanzato

Per un utilizzo pi uevo avanzato del pulsante Twitter, dai un'occhiata a questa pagina sul sito degli sviluppatori di Twitter. Twitter ti permette effettivamente di "costruire il tuo pulsante Tweet" (vedi in fondo alla pagina) il che lo rende molto pi uevo personalizzabile rispetto al pulsante TweetMeme.

Conclusione

Per ulteriori informazioni sul pulsante tweet, c' uevo un buon articolo intitolato 7 motivi per non usare il nuovo pulsante Tweet di Andy Beard. Nei commenti, uno sviluppatore di Twitter risponde ai motivi.

Noterai anche che non sono passato al pulsante ufficiale di Twitter e sto ancora usando il pulsante TweetMeme. Il motivo per cui non sono passato è che non vedo alcuna necessità impellente di passare alla versione ufficiale, TweetMeme funziona ancora bene.

Se hai notato su Twitter, ho twittato molto riguardo al pulsante tweet. Dopo aver twittato il link a questo post su come ottenere più retweet con il pulsante ufficiale di Twitter, quello sarà probabilmente il mio ultimo tweet sulla questione del tweet.

Commenti   Lascia una risposta

  1. David R Davis, Jr 17 agosto 2010 alle 7:06

    Grazie Leland per aver menzionato il mio piccolo plugin qui.

    David

  2. @Leland – Buon punto. Mi sono subito adattato al nuovo pulsante di Twitter, solo perché, ma sì, se il pulsante Tweetmeme funziona per te, hey, funziona ancora! :)

  3. Per ora me ne sto lontano anch'io. So che molti siti importanti sono passati, ma questo script conta solo i retweet da luglio (così mi è stato detto)...

    Quindi rovina davvero il conteggio sui post più vecchi.

  4. Ciao Leland

    Per il codice personalizzato, penso che nella maggior parte delle situazioni, e certamente per qualsiasi cosa che possa apparire nell'RSS, sia meglio usare parametri che decorano l'URL piuttosto che dati HTML5.
    http://andybeard.eu/2907/better-twitter-tweet-button.html
    C'è una risposta lì dallo stesso sviluppatore di Twitter.

  5. L'unica ironia è che questo post usa ancora il pulsante Tweetmeme :)

    1. Heh, è vero. Come ho detto nella conclusione del post, non vedo alcuna necessità immediata di cambiare. Al momento il pulsante TweetMeme funziona bene.

      In pratica, se non è rotto, non aggiustarlo.

Aggiungi un commento

Siamo lieti che tu abbia scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra normativa sulla privacy e tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.

Checklist per il lancio di WordPress

La Guida Definitiva per il Lancio di WordPress

Abbiamo raccolto tutti gli elementi essenziali della checklist per il lancio del tuo prossimo sito web WordPress in un comodo ebook.
Sì, Inviami l'eBook Gratuito!