Aggiungi collegamenti tweet nei tuoi contenuti con InlineTweet.js

Vedrai questa funzionalità molto su grandi siti come TechCrunch e Mashable. Leggerai un articolo e noterai che un'intera frase è evidenziata come un link .

Tuttavia, quando si fa clic su questo si aprirà una finestra di tweet che chiede di condividere quel frammento di testo con i follower di Twitter. È un ottimo modo per attirare traffico sul tuo sito e incoraggiare più condivisioni sociali.

Per replicare questo effetto sul tuo sito, prova InlineTweet.js . Può farti risparmiare ore di tempo di installazione aggiungendo questa funzionalità direttamente alla tua pagina.

Questo plugin gratuito per JavaScript è semplicissimo da installare e ha anche un plugin per WordPress gratuito se preferisci quella rotta.

Non richiede alcuna dipendenza JavaScript, quindi è possibile eseguire questo sans-jQuery.

Tutto il contenuto funziona direttamente tramite gli attributi dei dati, quindi è necessario impostarli uno per uno, in base al contenuto. Naturalmente, il plugin WordPress rende questo molto più semplice, quindi se preferisci avere più controllo questa è un'ottima opzione.

Nella pagina principale dello script, troverai alcuni frammenti di codice che dimostrano come funziona.

Hai solo bisogno di includere lo script JS nella tua pagina e copiare alcuni CSS nel tuo foglio di stile (solo 3 blocchi). Da lì, puoi aggiungere codici HTML come questo:

 Lorem Khaled Ipsum è la chiave principale del successo 

L' unico elemento richiesto qui è l'attributo data-inline-tweet . Questa è l'unica cosa di cui hai bisogno per far funzionare l'effetto, tutto il resto è facoltativo .

Ma quelle opzioni extra fanno la differenza perché aggiungono funzionalità al tweet generato automaticamente :

• Data-inline-tweet-via : aggiunge @mention al tweet
• Data-inline-tweet-tags - aggiunge tag al tweet (se c'è spazio)
• Data-inline-tweet-url - include un URL cliccabile nel tuo tweet

Il setup può essere difficile ed è per questo che consiglio di usare il plugin di WordPress se puoi.

Ma non è poi così male se copia / incolla il contenuto in qualunque testo tu voglia twittare. E per un plugin gratuito, questa cosa è molto leggera.

Dai un'occhiata alla pagina demo per vedere questo in azione e guarda nel repository GitHub se vuoi saperne di più.