Jak vložit Facebook Page Plugin

V dnešní době se mnozí z nás bez Facebooku neobejdou. Platí to tím víc, pokud máte firmu, internetový obchod nebo o sobě chcete dát světu vědět v širokém měřítku. Potom je téměř nutností začít pracovat se sociálními sítěmi. V našem článku si krok za krokem ukážeme, jak přidáte Facebook Page Plugin na webové stránky.

Sociální síť Facebook se nám snaží všemožně vycházet vstříc, a proto vyvinula bezplatný Page Plugin, který si můžete umístit na webové stránky. Díky němu mohou návštěvníci dát "to se mi líbí" vaší facebookové stránce, aniž by opustili web. Pojďme se podívat, jak tento plugin vložíte do webových stránek na inPage.

Co vlastně Facebook Page Plugin je?

Page Plugin je přímý nástupce like boxu, který byl hojně používán na většině webových stránek. Nejenže má nový moderní design, ale přibyly mu i nové funkce, které umožňují: 

• Zobrazení událostí a zpráv
• Možnost zobrazení úvodní fotky
• Call-to-action tlačítko (tzn. "Dát stránce To se mi líbí", nebo sdílet)

Vygenerování Page Pluginu

Na adrese facebook for developers si můžeme snadno vygenerovat kód pro vložení na stránky. Na následujícím příkladu si celý proces ukážeme krok za krokem. 

Na stránce pro tvorbu Page Pluginu nás bude zajímat následující formulář pro vygenerování kódu.

Nalezneme zde následující 4 pole: 

• Facebook Page URL - Slouží pro vložení URL adresy facebookové stránky, kterou chceme vložit. 
• Tabs - Zde si můžeme zvolit, co se nám bude pod hlavičkou zobrazovat. Máme celkem 3 možnosti: timeline, rychlou zprávu nebo událost.
• Width - Zde si můžeme nastavit šířku Page Pluginu, který je velikostně omezen na min. 180px až max. 500px.
• Height - Toto pole slouží pro nastavení výšky Page Pluginu, jehož min. výška muže být 70px. 

Pod nimi najdeme 4 kolonky pro zatrhávání:

• Use Small Header -  zmenší výšku hlavičky 
• Hide Cover Photo - skryje úvodní fotku v hlavičce
• Adapt to plugin container width - přizpůsobí šířku (není plně responzivní) 
• Show Friend's Faces - zobrazí malé ikonky přátel, kteří klikli na "to se mi líbí"

Vložení zdrojového kódu na stránky 

Poté co si nastavíme všechny požadované parametry, klikneme na tlačítko "Get Code". Zobrazí se tabulka s možností přidání jako Javascript SDK nebo IFrame. Je na vás, kterou z variant zvolíte. 

V našem návodu jsme zvolili variantu Javascript SDK.

Jako první si zkopírujeme kód pole "Step 2". Jedná se o JavaScript, který nám Page Plugin vytvoří. 

V administraci si otevřeme stránku, kam chceme kód vložit, a v editoru WYSIWYG klikneme na ikonu ostrých závorek, kam vložíme zkopírovaný zdrojový kód.

Pod něj vložíme zdrojový kód z pole "Step 3". Poté uložíme. Totéž platí pro IFrame (viz obrázky pod textem).

Vše si potom zkontrolujeme na webových stránkách a máme hotovo.