Prepojenie stránky s FACEBOOK
1/ Facebook ikonka - odporúčané
Postup ako vložiť ikonku (obrázok) Facebook s prepojením na Facebook stránku:
- prihláste sa do ClickEshop administrátora a kliknutím myši na menu [Správa obsahu] sa dostanete do správy produktov a menu liniek
- postavíte sa na požadované miesto a prostredníctvom tlačítka "Vložiť/upraviť obrázok" (ikonka v tvare hôr) vložíte obrázok pre facebook do internetového obchodu/web stránky
- kliknete na obrázok a následne ikonku "Vložiť/upraviť odkaz" (ikonka v tvare reťaze)
- systém otvorí malé okno, kde v riadku Url, vložíte URL linku vašej facebook stránky, ktorá sa klinutím na obrázok otvorí
- URL linku získate skopírovaním z adresného riadku internetového prehliadača z vašej facebook stránky
- nakoniec stlačíte tlačítko "OK" a pre potvrdenie zmien tlačítko [uložiť]
2/ Vložiť HTML kód
ClickEshop administrátor umožňuje vkladať vlastný HTML kódy a týmto spôsobom rozšíriť stránku o nové vlastnosti. Nižšie uvedenieme príklad na prepojenie stránky s Facebook prostredníctvom Like a Share tlačítka. Prostredníctvom HTML je možné vytvoriť aj ďalšie typy prepojení na Facebook.
Like button
- z nasledovnej URL linky: https://developers.facebook.com/docs/plugins/like-button/ si vytvoríte HTML kód pre Like button, ktorý si neskôr vložíte do ClickEshopu
- v časti "Like Button Configurator" si správne vyplňte a nastavte parametre ako:
- URL to Like - zadajte URL adresu web stránky alebo Facebooku stránky, ktorú chcete použiť
- Width - zadajte šírku facebook rámčeka (pre vloženie do informačného panelu nemal presiahnuť 180px)
- Layout - zvoľte typ zobrazovania, aký sa vám páči
- Action Type - vyberte z možnosti: like alebo recommended
- Button Size - zvoľte veľkosť tlačítka
- Include Share Button - ak si želáte spolu s like tlačítkom zobraziť aj Share tlačítko, zaškrtnite túto možnosť
- HTML kód sa zobrazí stlačením tlačítka [Get code]
- v otvorenom okne zvolíte záložku IFrame
- celý vygenerovaný HTML kód z Facebooku skopírujte a vložíte do ClickEshop administrátora a to v menu [Správa obsahu], kde kliknite myšou na miesto, kde si želáte umiestniť Facebook Like tlačítko
- následne kliknete pravé tlačítko myši - Zdrojový kód, ktoré po kliknutí otvorí nové okno, kde na samotný koniec vložíte vygenerovaný kód z Facebooku
- uložením zmien v ClickEshop administrátorovi si môžete výsledok skontrolovať na vašich stránkach, ako sa zobrazí Facebook rámček
- ak by ste chceli vložiť kód Facebook pixel alebo Facebook tracker, je potrebné vložiť vygenerovaný HTML kód v sekcii Správa obsahu / tlačítko Globálny HTML kód / záložka - "Pätička stránky/marketing" / do políčka určeného pre vloženie Globálneho HTML programového kódu
Share button
- z nasledovnej URL linky: https://developers.facebook.com/docs/plugins/share-button/ si vytvoríte HTML kód pre Share button, ktorý si neskôr vložíte do ClickEshopu
- v časti "Share Button Configurator" si správne vyplňte a nastavte parametre ako:
- URL to Share - zadajte URL adresu web stránky alebo Facebooku stránky, ktorú chcete použiť
- Layout - zvoľte typ zobrazovania, aký sa vám páči
- Button Size - zvoľte veľkosť tlačítka
- HTML kód sa zobrazí stlačením tlačítka [Get code]
- v otvorenom okne zvolíte záložku IFrame
- celý vygenerovaný HTML kód z Facebooku skopírujte a vložíte do ClickEshop administrátora a to v menu [Správa obsahu], kde kliknite myšou na miesto, kde si želáte umiestniť Facebook Share tlačítko
- následne kliknete pravé tlačítko myši - Zdrojový kód, ktoré po kliknutí otvorí nové okno, kde na samotný koniec vložíte vygenerovaný kód z Facebooku
- uložením zmien v ClickEshop administrátorovi si môžete výsledok skontrolovať na vašich stránkach, ako sa zobrazí Facebook rámček
Upozornenie: Prepojenie stránky javascript kódom s inými systémami môže spôsobiť spomalenie načítania stránky, nakoľko vždy pri načítaní stránky sa musí kontaktovať aj iný zdroj, ktorý môže byť umiestnený aj na opačnej strane zemegule. Sociálne siete svojim preťažením a prepojením na množstvo web stránok, často spôsobujú viditeľné spomalenie načítania vašich stránok. Takéto komponenty prepojujúce stránku napr. so sociálnymi sieťami odporúčame vkladať do pätičky stránky, prípadne úplne zvážiť ich použitie.