Vyvíjíme IHNED(.cz)
Vyvíjíme redakční technologie pro IHNED.cz

Vyznačte obsah pro tweet pomocí x-tweetable

September 03, 2013 / Redakční kodéři

Sdílecí tlačítka pro nejrůznější sítě jsou už téměř standardní součástí redakčních systémů. Jenže tohle řešení má slabé místo, a tím je fakt, že nemůžete jednoduše ovlivnit, co budou lidi sdílet. Většinou je jako obsah ke sdílení použit titulek článku, a to dost často nebývá to pravé ořechové.

Naše řešení bylo inspirováno článkem If you use WordPress, you too can have tweetable sentences like in that New York Times SNL story. S troškou JavaScriptu a jQuery jsme si napsali plugin, který promění vyznačenou část textu na "sdílecí tlačítko" pro Twitter. Princip je prostý: V textu si pomocí custom elementu <x-tweetable> vyznačíme pasáž, která se stane obsahem tweetu pro sdílení. Krátký skript pak z něj udělá tweetovací text.

Samozřejmě, takové řešení bude fungovat pouze v prohlížečích, které se u neznámého elementu nerozsypou. Pokud je pro vás důležité zachovat kompatibilitu a nezavádět nové tagy, můžete pro stejnou funkci využít třeba span s určitou třídou, nebo zneužít existující, ale téměř nepoužívaný tag, například <ins>. (Není to systémové řešení, ale někdy jsou v řetězci vytváření obsahu komponenty, které nemáte pod kontrolou, a které vám nemilosrdně vyhážou vše, co se jim zdá podezřelé, od custom elementů po třídy, a pak se lze k takové oklice uchýlit.)

Fungování pluginu vidíte na téhle stránce o kousek výše. Řešení spočívá v nahrazení obsahu elementu <x-tweetable> odkazem, který otevře “tweetovací okno”. Patřičné kódy jsou k dispozici na JSBinu.

Někdy nenajdete vhodnou pasáž přímo, proto můžete do x-tweetable doplnit atribut title, jehož obsah bude použit jako “tweetovací citace”.

Kategorie: Opensource