- WYSIWYG verze 3.5
- Návod je vytvořen ve WYSIWYG editoru verze 3.5 Více »
Jak přidat na web tlačítko "To se mi líbí" od Facebooku
Aktualizováno: 17. 6. 2015
Sociální síť Facebook v dnešní době neslouží pouze k chatování a komunikaci mezi přáteli, ale také velmi dobře slouží jako silný marketingový nástroj k propagaci webů, internetových obchodů nebo firem.
Pokud patříte mezi internetové nadšence Facebooku, určitě vás bude zajímat jak nainstalovat tlačítko "To se mi líbí" (ilustrační foto vpravo) na váš web. Nejdříve si ale vysvětlíme, jak nová funkce tlačítko od Facebooku funguje a jak se dá lehce vložit do Vašich webových stránek.
Tlačítko "To se mi líbí"
Funkčnost tlačítka spočívá v tom, že pokud návštěvník klikne na vašem webu na tlačítko "To se mi líbí", zobrazí se na hlavní stránce uživatele Facebooku (který na tlačítko kliknul) informace o tom, že se mu váš web líbí. Díky tomu se pak jiní uživatelé mohou podívat na na vaše stránky a mohou tak sdílet informace o článcích či produktech v e-shopu.
Díky tlačítku "To se mi líbí" od Facebooku se o článcích na vašem webu či produktech ve vašem e-shopu dozví mnohem více lidí z široké internetové veřejnosti.
Výhodou je, že instalace tlačítka nic nestojí a přitom vám může pomoci přivést na vaše stránky další množství návštěvníků a potencionálních zákazníků. V tomto návodu si ukážeme, jak vložit tlačítko "To se mi líbí" do vašich stránek. Vložení tlačítka na web není tak složité, jak by se na první pohled mohlo zdát.
Vygenerování tlačítka "To se mi líbí"
Na této adrese https://developers.facebook.com/docs/plugins/like-button/ najdete formulář pro generování tlačítka "To se mi líbí". Formulář vyplňte dle příkladu uvedeného na obrázku níže.
Příklad generování tlačítka "To se mi líbí"
Na příkladu si ukážeme jak vygenerovat tlačítko "To se mi líbí" přímo pro náš blog. Výsledek našeho snažení a funkčnost tlačítka si můžete prohlédnout a vyzkoušet na konci tohoto článku.
- URL to like: do prázdné kolonky vložte URL (webovou) adresu vaší stránky na facebooku, pro kterou chcete tlačítko vygenerovat. V našem případě chceme tlačítko "To se mi líbí" vložit pro stránku inPage.cz
- Width: šířka vloženého pomysleného rámečku v pixelech (obrazových bodech), doporučujeme zadat asi 200px pro většinu šablon v inPage
- Layout: rozvržení - zvolte si vzhled tlačítka, zda chcete zobrazit textové popisky, nebo jen čísla (po výběru konkrétní položky trvá pár vteřin, než se náhled tlačítka vedle formuláře přegeneruje a znovu zobrazí)
- Action Type: vyberte si typ akce, který se má provést po stisku tlačítka, buď klasický like a nebo doporučení (recommend)
- Show Friend's Faces: ukazuje poblíž tlačítka "To se mi líbí" tváře vašich přátel, kterým se také stránka líbí
Kopírování HTML5 zdrojového kódu
Po vyplnění políček ve formuláři vše dokončíte stiskem tlačítka GET CODE. Zobrazí se tabulka se zdrojovými kódy tlačítka "To se mi líbí".
Zkopírujte si obě části zdrojového kódu, který budete následně potřebovat pro umístění tlačítka na web.
Vložení tlačítka "To se mi líbí" do stránky v inPage
Máte-li zkopírovaný zdrojový kód tlačítka, přejděte do administrace inPage vašich stránek, konkrétně do editace té stránky, kam chcete tlačítko "To se mi líbí" vložit.
Doporučujeme tlačítko "To se mi líbí" vložit do prázdné stránky s vypnutým WYSIWYG editorem a tuto stránku následně nastavit jako vlastní box. Více se dozvíte v našem návodu Práce s Vlastním boxem.
Nad textovým editorem stránky se nachází ikonka s názvem HTML sloužící pro editaci zdrojového HTML kódu stránky. Klikněte na ikonu HTML (viz obrázek níže), zobrazí se HTML editor stránky. U nověších verzí si vpravo otevřte nabídku Nástroje a zobrazte zdrojový kód.
Ukázka vložení zdrojového kódu tlačítka mezi 2 odstavce webové stránky
Do HTML kódu stránky vložte vámi zkopírovaný zdrojový kód tlačítka. Kód vložte na nový řádek za odstavec uzavřený v HTML tagu <p></p> viz názorný příklad na obrázku výše.
Vkládáte-li zdrojový kód tlačítka na stránku s již existujícím textovým obsahem, podokno Editoru HTML bude obsahovat kompletní zdrojový kód celé vaší stránky. Záleží jen na vás, kam přesně (do které části stránky) tlačítko umístíte.
Vložení tlačítka do stránky potvrďte tlačítkem Aktualizovat. Celou stránku uložte zeleným tlačítkem Upravit stránku.
Zobrazilo se tlačítko "To se mi líbí" na vašich stránkách?
Výsledek zobrazení tlačítka na stránce si můžete prohlédnout přímo na vašem webu. V našem případě jsme tlačítko vložili ke konci tohoto článku, proto pokud se vám článek s návodem líbí, budeme rádi pokud stisknete tlačítko níže. Musíte být samozřejmě přihlášeni na Facebooku, jinak na tlačítko nepůjde kliknout.
Na svém profilu na Facebooku se pak můžete podívat, že se tato informace na hlavní stránce zobrazila a vy ji nyní sdílíte s vašimi přáteli.
Další pluginy od Facebooku
Obdobný způsobem můžete vkládat i osatní pluginy od Facebooku, oblíbený je především Like Box. Jedná se o obdobu tlačítka Like ("To se mi líbí"), ale propagujete pouze určitou konkrétní FB stránku.
Pomocí Like Boxu můžete na stránce zobrazovat příspěvky a uživatele, kterým se Vaše FB stránka líbí. Postup vložení zdrojového kódu je dost podobný, jen první část kódu stačí do stránek zkopírovat pouze jednou.
Na umístění první části zdrojového kódu nezáleží, na zobrazení tlačítka má vliv pouze druhá část kódu.
Přejeme úspěšné propojení vašich webových stránek s Facebookem a pokud di nebudete vdět s něčím rady, můžete nám zanechat komentář.
Vladimír Souš
admin(zav)zoner.cz
Přidat komentář
Přehled komentářů
like tlačítko
14. 2. 2014 23:02:00 | Martina Carvanová
Dobrý den,
pane Vladimíre děkuji za radu, ohledně toho že jsem se měla nejprve registrovat. Vše jsem pak provedla podle návodu tlačítko like mám už i na stránkách. Ale jde mi o to, hned jak jsem ho tam dala se tam ukázalo, že se to líbí více lidem 220, což není možné když taková ani není návštěvnost jak se to mohlo stát? Ráda bych tam měla pravdivé údaje dá se to nějak změnit? Nebo nevíte čím by to mohlo být?
Odpovědět
lze použít původní tlačítko
4. 2. 2014 20:54:56 | Petr
Měl bych dotaz: několik let jsem tlačítko "To se mi líbí" na svých www měl, už tam bylo mnoho liků. Někdy v poslední době, ale nějak "samo" zmizelo. Znamená to, že FB udělal něco, že toto původní tlačítko už není aktivní a musí se vytvořit nové? Nebo lze to původní zas nějak zprovoznit? Díky
Odpovědět
RE: Dekuji
3. 2. 2014 12:10:11 | Vladimír Souš
Dobrý den paní Dolejsová,
těší nás, že naše návody jsou užitečné a srozumitelné. Děkujeme za pochvalu.
Odpovědět
RE: like tlačítko
3. 2. 2014 11:38:42 | Vladimír Souš
Dobrý den paní Srbová a Carvanová,
nejdříve je se třeba registrovat jako developer (Register as a developer) - dojde k propojení a doplnění vašeho FB profilu. Dále už můžete postupovat podle návodu.
Odpovědět
Dekuji
20. 1. 2014 14:45:46 | Helena Dolejsova
Dekuji Vam i celemu tymu za tento a vsechny ostatni blbuvzdorne navody :-) jsou opravdu skvele zpracovane i pro absolutniho laika.
Odpovědět
LIKE
17. 1. 2014 23:15:53 | Martina Carvanová
Dobrý den,
též se nedostanu přes první krok jako paní Lucie, abych mohla použít LIKE. Pokud nám poradíte budu moc ráda.
Děkuji a hezký den
Odpovědět
like tlačítko
17. 1. 2014 18:00:39 | Lucie Srbová
Dobrý den,
chtěla jsem si na webovky přidat tlačítkoLIKE dle vašich instrukcí, ale po kliknutí na první odkaz k vytvoření tlačítka se mi zobrazuje jiná stránka, než uvádíte v návodu. V pravo nahoře se mi objeví Register as a developer a chce to po mě další údaje, které opět v návodu nejsou. Řekněte mi, prosím, kde dělám chybu?
Odpovědět
Díky za pomoc
19. 12. 2013 10:11:50 | Markéta Štrosová
Geniální návod i pro absolutní laiky jako jsem já! Díky Vám mají www.cerne-ponozky.cz po několika letech modernizaci :)
Odpovědět
RE: Like se nenačítá
16. 12. 2013 15:58:29 | Vladimír Souš
Dobrý den Katko,
tento blog slouží jako nápověda k redakčnímu systému inPage, což bohužel Vaše stránky nejsou. Nemohu se tak ani dostat do administrace, nevidím ani like tlačítko, musel bych se přihlásit. Takže se prosím obraťte na zákaznickou podporu správce Vašeho hostingu nebo na podporu Facebooku. Děkuji za pochopení.
PS: tipoval bych to na problém LIKE tlačítko vs. LIKE BOX. U LIKE tlačítka se žádné "like" nenačítají, aktuální počet liků se vztahuje pouze pro jedno konktrétní tlačítko zatímco u LIKE BOX se načítají "like" z konkrétní FB stránky. To je hlavní rozdíl.
Odpovědět
Like se nenačítá
14. 12. 2013 10:22:51 | Katka S.
Dobrý den, vložila jsem všechny kódy v adminu na stránky. Tlačítko se mi zobrazilo, ale nenačítají se liky, které už na FB jsou (cca 80 liků). Můžete mi prosím poradit? Stránky jsou www.kurzprvnipomoci.com. Odkaz na FB je v levém panelu.
Děkuji za odpověď!
Odpovědět
díky
21. 11. 2013 9:02:19 | Matúš
Ahoj, pomohlo, přidal jsem si like box na svou blogger stránku, rychle a jednoduše! Díky moc!
Odpovědět
Aktualizovali jsme náš návod
6. 11. 2013 13:08:09 | Vladimír Souš
Dobrý den všem,
nyní je návod aktualizovaný. Všem, kterým dříve kód nešel vložit přes IFRAME, by to nyní mělo fungovat. Staré kódy už vložené doporučujeme vložit znovu podle tohoto návodu.
Odpovědět
najdete nás na FB
5. 11. 2013 9:45:49 | juraj
Poradíte mi prosím, ako si mám pridať odkaz na stránke:
,, nájdete nás na facebooku,,?
Odpovědět
www.megatrampoliny.cz
2. 11. 2013 17:12:55 | Megatrampoliny
OK díky za super návod ,, jednoduše popsané krok za krokem ??leoš
Odpovědět