Dodajte Tweetable Povezave v vašo vsebino z InlineTweet.js
To funkcijo boste videli na velikih mestih, kot sta TechCrunch in Mashable. Boste prebrali članek in opazili, da je celoten stavek označena kot povezava.
Vendar, ko boste kliknili, boste odprite okno za tweet vas prosim, da delite besedilo s svojim sledilcem v storitvi Twitter. To je odličen način promet na vašo spletno stran in spodbujati več socialnih deležev.
Če želite ta učinek posnemati na svojem spletnem mestu, poskusite InlineTweet.js. To vam lahko prihrani več ur nastavitve tako, da dodate to funkcijo na svojo stran.
Ta brezplačen plugin JavaScript je zelo enostaven za namestitev in ima celo brezplačen vtičnik za WordPress če želite to pot.
To ne zahteva nobenih odvisnosti JavaScripta, tako da lahko zaženete ta sans-jQuery.
Vse vsebine delujejo neposredno prek atributov podatkov, tako jih boste postavili enega za drugim na podlagi vaše vsebine. Seveda, WordPress plugin naredi to veliko lažje, tako da, če vam je ljubše imeti več nadzora, je to odlična možnost.
Na glavni strani skripta boste našli nekaj odrezkov kode kako to deluje.
V svojo stran morate vključiti skript JS in kopirati nekaj CSS-ja v vaš slog slogov (samo 3 bloke). Od tam lahko dodajte kode HTML Všečkaj to:
Lorem Khaled Ipsum je ključ do uspeha The samo zahtevani element tukaj je vrh podatkovni inline-tweet atribut. To je edina stvar, ki jo potrebujete, da dosežete učinek, vse ostalo je neobvezno.
Toda, te dodatne možnosti naredijo razliko, ker so dodajte funkcije v samodejno ustvarjen tweet:
Podatki-inline-tweet-via- doda @mention v tweetData-inline-tweet-tags- doda oznake v tweet (če je soba)Data-inline-tweet-url- V vašem cvrkutanju vsebuje URL, ki ga je mogoče klikniti
Nastavitev je lahko težka, zato priporočam uporabo WordPress plugina, če lahko.
Ampak, ni vse tako slabo, če samo kopirate / prilepite vsebino v katerokoli besedilo, ki ga želite objaviti. In za brezplačen vtičnik je ta stvar zelo lahka.
Pokukajte na predstavitveno stran in si oglejte to v akciji in si oglejte repo GitHub, če želite izvedeti več.
