Lisää Tweetable Linkit sisältöönsi InlineTweet.js n avulla
Näet tämän ominaisuuden paljon suurissa sivustoissa, kuten TechCrunchissa ja Mashableissa. Luet artikkelia ja huomaat, että koko lause on korostettu linkkinä.
Kuitenkin, kun napsautat sitä avaa tweet-ikkuna pyytää sinua jakamaan kyseisen tekstinpätkän Twitter-seuraajiesi kanssa. Se on loistava tapa liikennettä sivustoosi ja kannustaa lisää sosiaalisia osakkeita.
Voit toistaa tämän vaikutuksen sivustossasi InlineTweet.js. Se voi säästää tuntikausia asennusaikaan lisäämällä tämän toiminnon suoraan sivullesi.
Tämä ilmainen JavaScript-laajennus on erittäin helppo asentaa ja siinä on jopa a ilmainen WordPress-laajennus jos haluat reitin.
Se ei vaadi JavaScript-riippuvuuksia, joten voit ajaa tämän sans-jQueryn.
Kaikki sisältö toimii suoraan tietomääritteiden kautta, joten asetat nämä yksi kerrallaan sisällön perusteella. Luonnollisesti WordPress-laajennus tekee tästä paljon helpompaa, joten jos haluat enemmän hallintaa, tämä on hyvä vaihtoehto.
Pääskripti-sivulla löydät muutama koodinpätkä osoittaa, miten tämä toimii.
Sinun tarvitsee vain sisällyttää JS-skripti sivullesi ja kopioida joitakin CSS: ää tyylisivuosi (vain 3 lohkoa). Sieltä voit lisää HTML-koodit kuten tämä:
Lorem Khaled Ipsum on merkittävä menestystekijä vain tarvittava kohde täällä on aivan alkuun data-inline-jaa ominaisuus. Tämä on ainoa asia, joka sinun tarvitsee saada aikaan vaikutus, kaikki muu on valinnainen.
Mutta nämä lisämahdollisuudet tekevät eroa, koska ne lisää ominaisuuksia automaattisesti luoduille tweetille:
Data-inline-jaa-kautta- lisää twiittiin @mentioninData-inline-tweet-tageja- lisää tunnisteita twiitteihin (jos on tilaa)Data-inline-tweet-url- sisältää napsautettavan URL-osoitteen tweetissä
Asennus voi olla vaikeaa, joten suosittelen WordPress-laajennuksen käyttöä, jos voit.
Mutta se ei ole vain niin huono, jos kopioit / liitä sisältöä mihin tahansa tekstiin, jonka haluat tweetoitavan. Ja ilmainen plugin, tämä asia on erittäin kevyt.
Tutustu esittelysivulle nähdäksesi tämän toiminnassa ja tutustu GitHub-repoon, jos haluat lisätietoja.
