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 è evidenziato come un link.

Eppure, quando clicchi, lo farai apri una finestra di tweet chiedendoti di condividere quello snippet di testo con i tuoi follower su Twitter. È un ottimo modo per Guidare il traffico verso il tuo sito e incoraggiare più parti 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 plug-in gratuito per JavaScript è semplicissimo da installare e ha persino un plugin gratuito per WordPress se preferisci quella via.

esso non richiede alcuna dipendenza JavaScript, quindi puoi eseguire questo sans-jQuery.

Tutto il contenuto funziona direttamente attraverso gli attributi dei dati, quindi li imposteresti uno per uno, in base al tuo 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 dimostrando 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 aggiungi codici HTML come questo:

  Lorem Khaled Ipsum è una chiave importante per il successo  

Il solo oggetto richiesto ecco il massimo Dati-inline-Tweet attributo. 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é loro aggiungi funzionalità al tweet generato automaticamente:

• Data-inline-Tweet-via - aggiunge un @mentione al tweet
• Tweet-tags Data-inline- - 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 qualsiasi 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ù.