Pridajte prepojiteľné odkazy do svojho obsahu pomocou InlineTweet.js

Túto funkciu uvidíte veľa na veľkých stránkach, ako sú TechCrunch a Mashable. Budete čítať článok a všimnite si, že celá veta je zvýraznené ako odkaz.

Avšak, keď kliknete na to otvorte okno tweet žiada vás, aby ste tento textový útržok zdieľali so svojimi nasledovníkmi zo služby Twitter. Je to skvelý spôsob zvýšiť návštevnosť vašich stránok a podporovať viac sociálnych podielov.

Ak chcete tento efekt replikovať na svojich stránkach, skúste to InlineTweet.js. Môžete ušetriť hodiny nastavenia času pridaním tejto funkcie priamo na svoju stránku.

Tento bezplatný JavaScript plugin je veľmi ľahko inštalovateľný a dokonca aj free WordPress plugin ak uprednostňujete túto trasu.

to nevyžaduje žiadnu závislosť na jazyku JavaScript, takže môžete spustiť tento sans-jQuery.

Všetok obsah funguje priamo prostredníctvom atribútov údajov, takže ich nastavíte individuálne na základe vášho obsahu. Prirodzene, plugin WordPress to robí oveľa jednoduchšie, takže ak preferujete mať väčšiu kontrolu, je to skvelá voľba.

Na hlavnej stránke skriptu nájdete niekoľko úryvkov kódu čo dokazuje, ako to funguje.

Stačí len vložiť JS skript do vašej stránky a kopírovať niektoré CSS do šablóny štýlov (iba 3 bloky). Odtiaľ môžete pridať HTML kódy ako toto:

  Lorem Khaled Ipsum je dôležitým kľúčom k úspechu  

len požadovaná položka tu je ten vrchol Data-inline-tweet atribútov. To je jediná vec, ktorú potrebujete na to, aby účinok fungoval, všetko ostatné je voliteľné.

Ale tieto ďalšie možnosti majú vplyv, pretože oni pridanie funkcií do automatického generovaného tweetu:

• Data-inline-tweet-via - pridá do menovky tweet
• Data-inline-tweet tagy - pripojí značky k tweetu (ak je tam priestor)
• Data-inline-tweet-url - obsahuje URL s možnosťou kliknutia vo vašom tweetu

Nastavenie môže byť zložité, preto odporúčam použiť plugin WordPress, ak môžete.

Ale nie je to tak zlé, keby ste skopírovali / vložili obsah do ľubovoľného textu, ktorý by ste chceli citovať. A pre bezplatný plugin je táto vec veľmi ľahká.

Pozrite sa na demo stránku a pozrite sa na túto akciu a pozrite sa do repo GitHub, ak sa chcete dozvedieť viac.