FACEBOOK PAGE PLUGIN

Facebook Page můžete získat zde: https://developers.facebook.com/docs/plugins/page-plugin

V kolonce Facebook Page URL zadejte adresu Vaší Facebookové stránky. V kolonce Tabs zanechte vypsané timeline pokud chcete Facebook box včetně příspěvků, které na Facebook stránky vkládáte. Pokud chcete pouze hlavičku s tlačítky, odstraňte text timeline a nechte kolonku prázdnou. Do kolonky Width zadejte požadovanou šířku boxu v pixelech. Pokud kolonku nevyplníte, box se automaticky velikostně přizpůsobí. V kolonce Height zadejte výšku Facebook boxu. Pokud ji nevyplníte, opět se nastaví automaticky.



Dále jsou zde tlačítka Use Small Header, Adapt to plugin container width, Hide Cover Photo a Show Friend’s Faces. Tyto pojmy si nyní vysvětlíme.

Use Small Header – Zatrhnutím tohoto pole se zmenší hlavička Facebook boxu.
Adapt to plugin container width – Zatrhnutím tohoto pole se box přizpůsobí místu, kde je plugin umístěný. Pokud necháte odtržené, bude se box řídit výškou a šířkou, kterou jste nastavili výše.
Hide Cover Photo – Zatrhnutím tohoto pole odstraníte fotku v hlavičce (úvodní fotku) a zanecháte pouze logo stránky.
Show Friend’s Faces – Zatrhnutím tohoto pole se zobrazí několik fotek lidí, kterým se Vaše stránka líbí.

Poté, co bude Facebook Page vypadat podle Vašich představ, klikněte na modré tlačítko GET CODE.

V okně, které se otevřelo, jsou dva kódy.



Tyto dva kódy si zkopírujeme a vložíme tam, kde jej chceme zobrazovat, v našem případě v levém sloupci e-shopu. Vstupte do Obsah webu → Struktura webu → Levý sloupec .



Kódy můžete vložit buď pomocí HTML módu, nebo pomocí editoru Tiny MCE funkcí Zdrojový kód viz. označení na obrázku. Facebook kódy se vkládají společně a pod sebe. (Pozor ! Facebook Page má minimální šířku 180 px, tudíž je potřeba je vložit do místa, kam se celý obsah vměstná) :

Po kliknutí na ikonku zdrojového kódu, nebo zapnutí HTML módu se Vám zobrazí okno, do kterého je možné vygenerovaný kód vložit. Následně pak jen okno potvrdíte tlačítkem ok a zpátky v textovém editoru celou akci uložíte tlačítkem ULOŽIT.





Ukázka tvaru celého zdrojového kódu pro zobrazení Facebook page pluginu

Uložíme, a zkontrolujeme na webu:

FACEBOOK LIKE-BUTTON

Facebook like button slouží jako propojení mezi vaším webem a facebookem a zákazník, který prochází vaše stránky má možnost dát vaší stránce like nebo jí sdílet. Vložení buttonu je v podstatě stejné jako vložení pluginu v předchozím návodu. Kód pro vložení vygenerujete na tomto odkazu:

https://developers.facebook.com/docs/plugins/like-button

Zobrazí se vám konfigurátor kam do** URL to Like** vložíte URL adresu vašich facebookových stránek. Dále nastavíte, jak chcete aby button vypadal Layout, jeho velikost Button Size a typ buttonu Action Type a po nastavení kliknete na GET CODE.


Následně se vám vygenerují dva kódy, které postupně vložíte stejně jako v předchozím návodu do levého sloupce nebo do patičky webu.



Po vložení kódu se vám button zobrazí na místě vložení a v našem případě se zobrazuje takto.



Po kliknutí na To se mi líbí se zobrazí okno, kde ( pokud není zákazník přihlášen ) ho facebook vyzve k přihlášení a on pak může dát vaší stránce like.



Další možností nastavení

Návod na nastavení Insta widgetu ZDE

Aktualizováno dne: 11/06/2024