Dodaj Tweetable Linkovi u svoj sadržaj s InlineTweet.js
Vidjet ćete ovu značajku na velikim stranicama kao što su TechCrunch i Mashable. Čitat ćete članak i primijetiti da je cijela rečenica označena kao veza.
Ipak, kada kliknete na njega, bit će otvorite prozor za tweet tražeći od vas da dijeli taj isječak teksta sa svojim sljedbenicima usluge Twitter. To je sjajan način privucite promet na svoju web-lokaciju i poticati više društvenih udjela.
Da biste ponovili ovaj učinak na svojoj web-lokaciji, pokušajte InlineTweet.js. To vam može uštedjeti vrijeme postavljanja dodavanjem ove funkcije na svoju stranicu.
Ovaj besplatni JavaScript plugin je super jednostavan za instalaciju i čak ima besplatni WordPress plugin ako preferirate tu rutu.
To ne zahtijeva nikakve ovisnosti o JavaScriptu, tako da možete pokrenuti ovaj sans-jQuery.
Sav sadržaj funkcionira izravno putem atributa podataka, tako da biste ih postavili jedan po jedan, na temelju vašeg sadržaja. Naravno, WordPress plugin čini ovo mnogo lakšim, pa ako želite imati više kontrole, ovo je odlična opcija.
Na glavnoj stranici skripte pronaći ćete nekoliko isječaka koda pokazuje kako to funkcionira.
Vi samo trebate uključiti JS skriptu u svoju stranicu i kopirati neki CSS u vaš stilski list (samo 3 bloka). Odatle možete dodajte HTML kodove kao ovo:
Lorem Khaled Ipsum je glavni ključ uspjeha samo obavezna stavka ovdje je sam vrh Podaci-inline-tweet atribut. To je jedina stvar koja vam je potrebna da biste postigli efekt, sve ostalo nije obavezno.
No, te dodatne opcije čine razliku jer one dodajte značajke u automatski generirani tweet:
Data-inline-tweet-putem- dodaje @mention u cvrkutData-inline-tweet-oznake- dodaje oznake u cvrkut (ako ima mjesta)Data-inline-tweet-url- uključuje URL koji se može kliknuti u vašem cvrkutu
Postavljanje može biti teško što je razlog zašto preporučujem korištenje WordPress dodatka ako možete.
Ali, nije sve tako loše ako samo kopirate / zalijepite sadržaj na bilo koji tekst koji želite tweetirati. A za besplatni dodatak, ova stvar je vrlo lagana.
Zavirite u demo stranicu da biste to vidjeli u akciji i pogledajte u GitHub repo ako želite saznati više.
