1. Úvod
2. Rady, tipy a návody
3. Jak jednoduše vložit na svoje webové stránky příspěvky z Facebooku (Page Plugin)

Jak jednoduše vložit na svoje webové stránky příspěvky z Facebooku (Page Plugin)

7. dubna 2023

V dnešní době jsou sociální sítě velmi důležitým nástrojem k propagaci firmy, jednotlivců či internetového obchodu. S Facebookem jsem tady již nějaký pátek, a může se vám stát, že byste potřebovali jednoduše vložit okno Facebooku na své webové stránky. To vše bez placených modulů a pluginů. Jde to, není to těžké a společně se na to podíváme v několika krocích.

POZN. V našem případě se jedná o základní zobrazení přímo od Facebooku...

1. Přejdeme na stránku s Facebook Page Pluginem

Otevřeme si následující odkaz:

https://developers.facebook.com/docs/plugins/page-plugin

2. Nastavení vašeho boxu (Page Plugin)

Po otevření výše zminěného odkazu na nás vyskočí následující stránka:
 

1. Facebook Page URL - adresa vaší stránky na Facebooku např.: https://www.facebook.com/dooffydesign/
 

2. Tabs - záložky či karty. Zde nastavujeme co vše se má zobrazit ve facebook boxíku.

Timeline

Zobrazení příspěvků na vaší zdi na facebookovém profilu.

Events

Druhá možnost je vložit Events - pomocí tohoto klíčového slova zobrazíte události, které máte na Facebooku (různé akce, události, pozvánky apod.)

Messages

Zobrazí se pole pro odeslání zprávy prostřednictvím Facebooku

Vše v jednom

Můžete také nastavit svůj Facebook Page Plugin tak, že tam budete mít všechny výše uvedené možnosti. Stačí vložit tento text:

timeline, events, messages

3. Width - zde zadáme šířku boxu (widgetu) – musí být mezi 180 a 500 px.
 

4. Height - zadáme plánovanou výšku boxu – minimálně 70 px.
 

5. Use Small Header - nastavíte malé záhlaví, Hide Cover Photo - skryje hlavní fotku v záhlaví, Adapt to plugin container width - Přizpůsobí se šířce kontejneru zásuvného modulu, Show Friend's Faces - Zobrazí "tváře" avatary přátel, kterým se vaše stránka líbí.

Zde si tedy nastavíte vzhled boxu. Můžete nechat v základním nastavení.
 

6. Get Code - Pokud máme nastaveno, klikneme na tlačítko Get code "Získat kód".

Zde máte náhled jednotlivých karet - TABS

3. Získání kódu pro své webové stránky

Jakmile máme nastaveno, klikněte na tlačítko GET CODE. Zobrazí se Vám následující okno:

1A - získat kód pomocí IFRAME - vnořeného okna

1B - První část kódu vložíme nejlépe hned za úvodní tagy v programovém kódu těla stránky.

1C - Druhá část kódu bude směřovat tam, kde chceme zobrazit náš box např. v levém sloupci, pod článkem, v zápatí webu apod.

Jednodušší je vložit na web box pomocí vnořeného okna tzv. iFrame. Klikneme tedy na záložku iFrame (na obr. označeno 1A).

Zkopírujeme si kód. Otevřeme si webové stránky a vložíme si kód do stránek. U většiny redakčních systému najdete možnost vložení zdrojového kódu. U Wordpressu např. pod záložkou HTML, Text. U Joomly to najdete pod záložkou Code. U Shoptetu jako záložku HTML kód a u Webnode vložíte kód pod tlačítkem HMTL viz. obr.:

Po vložení kódu nebo iFramu do stránek či do článku se Vám zobrazí živé okno Page Pluginu, které čerpá data online z Vašeho profilu. Zde je náhled online okna s aktivní časovou osou, událostmi i zprávami:

Timeline, Events, Message - online náhled

Snad jsem vám pomohl. Když tak koukněte na můj facebook:

www.facebook.com/dooffydesign