Pievienojiet jūsu saturā saites ar dubultām saitēm, izmantojot InlineTweet.js
Jūs redzēsiet šo funkciju daudzās lielās vietās, piemēram, TechCrunch un Mashable. Jūs lasīsiet rakstu un pamanīsiet, ka viss teikums ir iezīmēta kā saite.
Tomēr, kad noklikšķināsiet uz tā atveriet čivināt logu lūdzot koplietot šo teksta fragmentu ar saviem čivināt sekotājiem. Tas ir lielisks veids, kā virzīt datplūsmu uz jūsu vietni un veicināt vairāk sociālo daļu.
Lai atkārtotu šo efektu savā vietnē, mēģiniet InlineTweet.js. Tas var ietaupīt stundas iestatīšanas laikā, pievienojot šo funkciju tieši savai lapai.
Šis bezmaksas JavaScript spraudnis ir super viegli instalējams, un tas pat ir bezmaksas WordPress spraudnis ja vēlaties šo maršrutu.
Tā neprasa JavaScript atkarības, lai jūs varētu palaist šo sans-jQuery.
Viss saturs darbojas tieši izmantojot datu atribūtus, lai jūs tos iestatītu pa vienam, pamatojoties uz jūsu saturu. Protams, WordPress spraudnis padara to daudz vieglāku, tādēļ, ja vēlaties vairāk kontroles, tas ir lieliska iespēja.
Galvenajā skriptu lapā jūs atradīsiet daži koda fragmenti demonstrējot, kā tas darbojas.
Jums tikai nepieciešams iekļaut JS skriptu savā lapā un kopēt kādu CSS savā stillapā (tikai 3 bloki). No turienes jūs varat pievienot HTML kodus kā šis:
Lorem Khaled Ipsum ir galvenais panākumu atslēga The tikai vajadzīgais vienums šeit ir ļoti augstākais datu-inline-čivināt atribūts. Šī ir vienīgā lieta, kas nepieciešama, lai panāktu efektu, viss pārējais ir obligāts.
Bet šīs papildu iespējas rada atšķirību, jo tās pievienojiet funkcijas automātiski ģenerētiem čivinātājiem:
Data-inline-tweet-via- pievieno čivinātā @mentionDatu inline-tweet tagi- pievieno čivināt tagus (ja ir telpa)Data-inline-tweet-url- jūsu čivinātā ir noklikšķināms URL
Uzstādīšana var būt sarežģīta, tāpēc es iesaku izmantot WordPress spraudni, ja jūs varat.
Bet tas nav viss slikti, ja jūs vienkārši kopējat / ielīmējat saturu jebkuram tekstam, kuru vēlaties tweetable. Un bezmaksas spraudnis, šī lieta ir ļoti viegla.
Skatieties demonstrācijas lapā, lai to redzētu darbībā un skatītu GitHub repo, ja vēlaties uzzināt vairāk.
